Phases, Deliverables, Costs
Below you'll see a detailed outline of deliverables and fees for the associated activities. In addition, Azai Studios recommends earmarking an estimated $15,000 - $20,000 to put towards additional asset development to be defined mid-way through the project. This can be for additional creative such as motion graphics, illustrations and/or video. We feel that it's important to earmark these funds, and are conscious of the targeted cap for this initial phase of work and establishment of your brand.
For the deliverables listed within this document, Client will pay Azai Studios the following amounts. If additional deliverables or activities are required, additional fees may be incurred. All overages and out-of-pocket expenses will be approved beforehand by Client.
Phase 1.1 →
Microsite UX & UI Designs
Total Cost $5,000
Azai Studios will work alongside your team on creating a templated marketing website showcasing your company and its details
The website will be designed for future proof additions in mind. The new website will feature the new visual identity created in future Phase along with any other assets Azai Studios and the team has developed.
Assumptions
- 1 Round of revision of design files. Written client feedback at each round.
- Copywriting allowing for two (2) rounds of revisions.
- *COSTS IN THIS ROUND ARE FOR DESIGN ONLY
Full Deliverables
Microsite Design & Prototype
The microsite's purpose is to showcase the new brand, holiday and events with CTA's and social feeds. It will allow users to join the waitlist for details on the launch day and see which products are highlighted by each retailer.
- One (1) fully prototyped wireframes page
- One (1) full High Fidelity and prototyped page
- Overview of the brand messaging and imagery/video
- Contact CTAs
- Featured product CTAs with affiliate links
- Copywriting for all pages
- Featured Investments - showcasing featured investments
- Social Media - integrated throughout the site where applicable.
- Email capture - serves to capture name and email for future newsletters and will feed directly into email database
- FAQs, Terms & Conditions, Privacy Policy - Standard template pages that fit with the site aesthetic and contain the important legal information
Phase 1.2 →
Microsite Development + CMS Integration
Total Cost $5,500
Development for the marketing website will consist of building the website based on the approved high-fidelity designs. The website will be connected to a content management system allowing for easy access and updates. We will set up a testing environment to push changes and updates as they progress.
Assumptions
- Client has full understanding of different CMS platforms and has made an educated decision. Azai Studios will provide CMS options.
- Client has full sign off on all page designs.
- Hosting & maintenance billed separately at a monthly to-be-determined rate.
Full Deliverables
Website Development
- One (1) fully developed website incorporating all pages from high-fidelity design
- Fully responsive website
- QA Testing, Cross browser testing
- CMS setup
- Retailer CMS Collection
- Product CMS Collection + input for affiliate links
- Event CMS Collection
- SEO Checklists
- Content Entry & Migration
- Analytics connections & integrations
- CMS training
- Hosting & maintenance billed separately
Phase 2.1 →
Full Website UX & UI Design
Total Cost $15,000
As the platform scales, Azai Studios will take the full brand and designs for your company and create a fully functional custom website.
Assumptions
- Up to (2) two rounds of revisions during each stage.
Full Deliverables
Web App Content Strategy
Taking a content-first approach offers several benefits that range from enabling a better overall design vision to catching snags in the design before they become problems.
- Build out a sensible information architecture: When you know what content you have and/or need, it’s easier to define your overall sitemap and build out a logical hierarchy.
- Design to optimize the content: If we plan to use quotes a lot, you can design beautiful ways to showcase blockquotes and callouts. If they’re fans of listicles, maybe a card or gallery-based design would work better than a long list of numbered headings?
- Create consistency across the site (and lighten your code): If you know your site will have a blog, help center, and marketing pages, you can design your type hierarchy to work across all three areas. That’ll help create a more consistent (and thus, easy to learn) interface and keep you from having to create a bunch of messy combo classes.
Website information arch
After we figure out all the nitty-gritty of the company, space, and users, we will create a sitemap to visualize the information architecture of the website. We will revert back to the competitive analysis to gain a better understanding of the navigation and layout we will plan to design.
User, task, and info flows
Based on the needs a user would have for your website, we will create a user flow in reference to the tasks customers would perform when visiting the website. We will have to map out flows that we find to be common scenarios from the research phase. Creating website task flows will let us analyze and prioritize the website’s information. We want to identify with the user and their process to evaluate which information/content is most important.
Full web application wireframes
Our team starts off by sketching low-fidelity wireframes for each page of the site while referring to design patterns we identified in our competitive analysis. This allows us to gain feedback from peers and provide us with a better direction when designing the wireframes in preparation for usability testing. Using Sketch or Adobe XD, we create mid-fidelity wireframes for desktop, tablet, and mobile to define the visual hierarchy of the website across responsive screens.
HI-Fidelity prototype + UI kit
Using the insights and recommendations gathered from affinity mapping we will make create a fully designed high-fidelity prototype and apply the branding and UI styles. We will then create a clickable prototype and review it internally with our team and client.
Phase 2.2 →
Full-Stack Website Development
Total Cost $20,000
We will design and develop a hybrid website based on standard HTML5 and CSS best practices. We may also incorporate some animated jQuery elements and components to provide an interactive factor and allow users to better engage with the brand. This approach will ensure the website is completely viewable on non-flash website browsers and non-flash supporting devices, such as iPhones and iPads.
We will develop the website using a headless CMS and responsive technology optimized for viewing on tablets and smartphones for select front-end user-facing sections of the website. The mobile site will not focus on visuals or graphics, but be a clean and attractive way for a mobile user to learn about and contact the company.
Assumptions
- Full technology stack TBD
- Client has full understanding of different CMS platforms and has made an educated decision. Azai Studios will provide CMS options.
- Client has full sign off on all page designs.
- Hosting & maintenance billed separately at a monthly to-be-determined rate.
Full Deliverables
Full Website Design & Development
Headless Commerce
Headless CMS
Headless Architectures
Headless Systems
Frontend and backend parts of a website will be separate, independent web applications allowing the backend system(s) handle the logic and data, while the frontend handles the content display.
CMS TBD
Elasticache/Redis caching middle layer
Ruby on Rails / React frontend
Custom API connection feeds
- One (1) fully developed website incorporating all pages from design files
- Fully responsive website
- QA Testing, Cross browser testing
- CMS setup
- SEO Checklists
- Content Entry & Migration
- Vendor App API integration
- Analytics connections & integrations
- CMS training
- Hosting & maintenance billed separately
