Project Overview

Diet Direct Inc (Diet Direct) is seeking to engage Brandit, LLC (Brandit) to perform content strategy, branding style guide, and web design services services in order to create a high-converting, intuitive and modern design for their three e-commerce websites: Diet Direct, WonderSlim, & BariatricChoice.

About Brandit

Brandit is a full-service web, UI, UX design & development firm that specializes in building best-in-class websites using a validated WordPress platform as well as providing complete front-end design & development services for websites and applications.  

Team Structure

My name is Braden Katz. I am a multidisciplinary designer and content strategists with professional experience in UX/UI design, graphic design, data visualization, content strategy, art direction, brand positioning, interaction design and web design. I will act as the lead project manager and primary contact throughout the life of this project. I work with anywhere from 3-6 distributed team members for each project depending on the size and scope of the project. For Diet direct, I will be leading the branding, content strategy and design initiatives.

Our Approach

We use a validated four milestone process for all project engagements. This process is designed to help us dig into the details of your brand and organization during Discovery in order to lay the groundwork for creating the messaging and visual system that captures your brand throughout the life of the project.

Timing

The design deliverables should be finalized 90 days or sooner from the initial discovery meeting. Timing is subject to approvals and content being provided in a timely manner.

Statement of Work and Estimates

Price estimates are based on initial objectives and may change as mutually agreed upon tasks and objectives change. Cost estimates and payment schedule are provided in four milestones.

Total Estimated Cost: $18,000

Milestone 1 – Discovery, Wireframing, User Personas, Content Strategy and Scope of Work
25% Deposit ($4500) of Total Project Fee is Due to Start Work

Weeks 1-2

Brandit and the Diet Direct will schedule at least two initial conference calls that may be followed by additional phone calls and emails to discuss the core strategy and goals of the branding and design project for each website. During the first milestone Brandit will provide the following services:

• Confirm site requirements for branding and design as well as sitemaps for all three websites.
• Work closely with Diet Direct to define up to four key user personas for each of the 3 websites that have the largest footprint on each website’s revenue.
• Use these user personas in combination with our discovery discussion on each websites to further develop design tone, vision and messaging in order to create a unique style guide for each website.
• Examine and list leading websites in the space with a discussion of which aspects of these brands are most appealing as well which aspects of their designs may be most effective.
• Create detailed wireframes and content strategy deliverable that includes low-fidelity mockups, sitemap and user flow for each website that include both content strategy and design notes for each page. This document is used as a detailed scope of work to describe the final design deliverables for the entire project.

Milestone 2: Diet Direct Website Design Sprint
We’ll begin work after 50% of the total project fee ($9000) has been deposited and we receive final wireframe approval.

Week 2-4 — Homepage Concept Design & Revisions, Landing and Internal Page Design & Revisions

With the wireframe and branding style guide finalized, as well as the imagery supplied by Diet Direct for the Diet Direct website,  Brandit will begin creating the initial designs assets using Photoshop & Sketch for that can be handed off to their development team.  During Milestone 2, Brandit will perform the following services:

• Work closely with DietDirect to create a finalized homepage design that draws from the new style guide and wireframe deliverable that were created and approved in Milestone 1. In addition to the broader style guide, this homepage sets the tone and design style for other internal pages on the website.
• We’ll go through two rounds of revisions for the home page that do not exceed 5 hours of work.
• After getting homepage approval, Brandit will design all other primary pages as defined in the wireframe and content strategy deliverable that was created in Milestone 1 in Desktop Views.
• Brandit will then create an clickable prototype and schedule a call with Diet Direct team in which we will discuss the user-flow and any additional improvements that can be made.   

Weeks 4 – 6 — Final Revisions, Mobile Page Design & Revisions, Final Layered PSD & Sketch File Preparation & Deliverable

• Brandit will work directly with Diet Direct’s development team to determine possible functionality for mobile navigation in order to create a design that is both intuitive and visually interactive.
• With all internal pages, landing pages and home pages approved, Brandit will begin create mobile page design style guide for primary pages that will be included in the design deliverables.
• Brandit will go through two rounds of revisions for the mobile designs that do not exceed 5 hours of work for the mobile style guides.
• Brandit will go through a final round of revisions for all other design assets that does not exceed 10 hours of additional work.
• Finally, Brandit will prepare a final design asset deliverables in layered psd files as well as iconography and others Sketch assets.

Milestone 3: WonderSlim Website Design Sprint
We’ll begin work after 75% of the total project fee ($13500) has been deposited.

Week 6-8 – Homepage Concept Design & Revisions, Landing and Internal Page Design & Revisions

With wireframe and branding style guide finalized as well as theimagery supplied for the WonderSlim website,  Brandit will begin creating the initial designs assets using Photoshop & Sketch that can be handed off to their development team.  During Milestone 2, Brandit will perform the following services:

• Work closely with Diet Direct team to create a finalized homepage design that draws from the new style guide and wireframe deliverable that were created and approved in Milestone 1. In addition to the broader style guide, this homepage sets the tone and design style for other internal pages on the website.
• Go through two rounds of revisions for the home page that do not exceed 5 hours of work.
• After getting homepage approval, Brandit will design all other primary pages as defined in the wireframe and content strategy deliverable that was created in Milestone 1 in Desktop Views.
• Create an clickable prototype of the WonderSlim website and schedule a call with the Diet Direct team in which we will discuss the user-flow and any additional improvements that can be made.   

Weeks 8 – 10  Final Revisions, Mobile Page Design & Revisions, Final Layered PSD & Sketch File Preparation & Deliverable

• Brandit will work directly with Diet Direct’s development team to determine possible functionality for mobile navigation of the WonderSlim website in order to create a design that is both intuitive and visually interactive.
• With all internal pages, landing pages and home pages approved, Brandit will begin create mobile page design style guide for primary pages that will be included in the design deliverables.
• Brandit will go through two rounds of revisions for the mobile designs that do not exceed 5 hours of work for the mobile style guides.
• Brandit will go through a final round of revisions for all other design assets that does not exceed 10 hours of additional work.
• Finally, Brandit will prepare a final design asset deliverables in layered psd files as well as iconography and others Sketch assets to be handed off to the development team.

Milestone 4: BariatricChoice Website Design Sprint
We’ll begin work after 100% of the total project fee ($18000) has been deposited.

Week 10-12 – Homepage Concept Design & Revisions, Landing and Internal Page Design & Revisions

With the wireframes, branding style guide finalized, and imagery supplied by Diet Direct for the BariatricChoice website,  Brandit will begin creating the initial designs assets using Photoshop & Sketch for the BariatricChoice website that can be handed off to their development team.  During Milestone 2, Brandit will perform the following services:

• Work closely with Diet Direct team to create a finalized homepage design that draws from the new style guide and wireframe deliverable that were created and approved in Milestone 1. In addition to the broader style guide, this homepage sets the tone and design style for other internal pages on the website.
• Go through two rounds of revisions for the home page that do not exceed 5 hours of work.
• After getting homepage approval, Brandit will design all other primary pages as defined in the wireframe and content strategy deliverable that was created in Milestone 1 in Desktop Views.
• Create an clickable prototype of the BariatricChoice.com website and schedule a call with the Diet Direct team in which we will discuss the user-flow and any additional improvements that can be made.   

Weeks 12 – 14  Mobile Page Design & Revisions, Final Layered PSD & Sketch File Preparation & Deliverable

• Brandit will work directly with Diet Direct’s development team to determine possible functionality for mobile navigation of the BariatricChoice website in order to create a design that is both intuitive and visually interactive.
• With all internal pages, landing pages and home pages approved, Brandit will begin create mobile page design style guide for primary pages that will be included in the design deliverables.
• Brandit will go through two rounds of revisions for the mobile designs that do not exceed 5 hours of work for the mobile style guides.
• Brandit will go through a final round of revisions for all other design assets that does not exceed 10 hours of additional work.
• Finally, Brandit will prepare a final design asset deliverables in layered psd files as well as iconography and others Sketch assets to be handed off to the development team.

Featured Projects

https://taxtoken.io/ This is a venture-backed blockchain company that came to us with a whitepaper. We worked with them to develop their branding & logo design, content strategy, copywriting, and website from scratch. We also are also acted as Head of Product and design for their web application, and lead its complete redesign and front-end development.  Since working with us to redevelop their brand, website, product, and overall content strategy they have closed hundreds of thousands of dollars in additional funding and their valuation doubled from $10m to $20m.

https://innovaticslabs.com/ Innovatics Laboratories sells advanced nutritional blood testing products that are designed to identify precursors to many conditions and illnesses. We worked with them provided logo design, brand position, content strategy, copywriting, as well as web and e-commerce design and development services in order to build them a new, modern website from scratch that is focused on the medical, research and laboratory markets.

http://hoeferwysocki.com/ Hoefer Wysocki is an international architecture firm with over 150 employees and offices in Dallas and Kansas City. We worked with them to completely rebuild their website, develop a new content strategy that offers visitors an easy way to discover their projects by category, as well as establish a new, modern design for their brand.

https://post.edu/ This is a university website that we migrated and redesigned from a proprietary platform to WordPress. The site gets over 150000 unique visitors a month. We created a managed WordPress hosting infrastructure on AWS that includes complete staging push-pull functionality. We also created several custom components including dynamic content to create a list of university programs and single sign-on integration with Active Directory.

http://www.memoryformemory.org… Memory for Memory is a growing Non-Profit that turns donated electronics into funding for Alzheimer’s research. We created a new content strategy, graphics, and website for their organization.