Project Overview

Mauro AI (Mauro AI) is seeking to hire Brandit, LLC (Brandit) to create their branding, website and key UI screens for their application that can be handed off to a developer to be used as both as a broad style guide and for the implementation of key features. 

About Brandit

Brandit is a full-service branding, UI/UX, content strategy and front-end development and WordPress design company that has worked with a wide range of businesses from venture-backed startups in the cryptocurrency space, to Fortune 500 holdings and pharmaceutical companies looking to redevelop their applications and online presence. 

Our Approach 

We use an agile, multi-milestone project structure that evolves as we collaborate with your team to create the best end-product. This process is designed to help us dig into the details of your product and brand during discovery in order to help define the most valuable scope of work. This goal of our project structure is to capture the core values of your product and company into an engaging, modern, and memorable brand and visual aesthetic.   

Timing

The website and UI screens should be completed within 60-90 days 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 schedules are provided in four milestones.

Total Estimated Cost: $10,000
Key Deliverables: 

• Logo design that includes 3 concepts and multiple revision rounds.
• 15 key UI screens that will be defined during discovery based on their importance and value. 
• A modern, interactive website that includes a home page, team page, about page, and links to Mauro AI’s medium blog posts. 

Milestone 1: Discovery, Wireframing, Branding, Content Strategy and Scope of Work
25% Deposit ($2500) of Total Project Fee is Due to Start Work

Weeks 1
Brandit and the Mauro AI 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 UI/UX design project. During the first milestone Brandit will provide the following services:

• Work directly with the Mauro AI founding team to understand the most valuable deliverables that need to be created based on their current goals and status of the application. 
• Work with Mauro AI to define key user groups that have the largest footprint on the application’s growth to create up to 3 key user personas.
• Confirm site requirements for branding and design as well as sitemap and functionality.
• Define any plugins or additional development needed to execute on website deliverables such as Google Tag Manager, CRM integration, contact forms, live chat widgets etc. 
• Examine and list leading websites and applications in the navigation space to take note of what works best in both their website and app design. 
• Work with Mauro AI’s founding team to define features and value propositions that set the application apart from other navigational apps in the space.  
• Use the user personas in combination with our discovery discussion on brand tone, vision and messaging to create a detailed wireframe and content strategy deliverable that includes low-fidelity mockups of all primary pages and screens for Mauro AI’s website and application. This document will have both content strategy and design notes for each page and will be used as a general scope of work to describe the final website UI/UX deliverable that will be ready at launch.
• Work with Mauro AI’s team to create 3 logo concepts with multiple rounds of revisions to create a new logo and color palette that matches the team’s aesthetic and vision for the brand. 

Milestone 2: Primary Design and Development Sprint
We’ll begin work after 50% of the total project fee ($5000) has been deposited and we receive final wireframe and branding approval.

Week 2-3 – Design
With the wireframes, content strategy, and logo designs,  Brandit will spin up a development site on our platform and begin our initial design and development sprint.  During Milestone 2, Brandit  will perform the following services:

• Using the wireframes and branding deliverables created in Milestone 1, we’ll begin creating 4 key UI screens that were defined and wireframes during Discovery. These initial screens will be used as a base style guide for additional screens that will be created in Milestone 3. 
• Work closely with the Mauro AI team to create finalized homepage designs that draw from the new wireframe deliverables that was created in the first milestone. This home page sets the tone and design style for other internal pages on the website.
• Customize and configure the theme, user experience, and content organization based on the approved wireframes. Mobile views of the website design will vary based on screen size and platform and will not look exactly the same for all users. However, all designs will be fully responsive and take a mobile-first approach.
• Create initial internal page layouts designs and submit to Mauro AI for revisions and approval.

Milestone 3: Design Revisions, Copywriting, Speed Optimization, SEO
We’ll begin work after 75% of the total project fee ($7500) has been deposited.

Weeks 3-4 Site Development, Internal Page Design, Taglines and 3rd Party Integrations & Content Development

• Using the initial screens created in Milestone 2 as a style guide, we’ll create the additional UI screens that were defined during discovery. 
• Create initial designs and layouts for internal website pages using the designs created in Milestone 2 as a broad layout guide.
• Install and start configuration for any additional plugins needed for site functionality and 3rd party integrations as defined during Discovery. 
• Create final graphics for website headers and app mockups as needed. 
• Work closely with the Mauro AI team to develop the first draft of taglines for all website pages.

Weeks 4
After the initial designs have been sent over you, the next weeks will include,  speed optimization, and SEO. During these weeks, Brandit will provide the following services:

• Test site on the latest two versions of Chrome, Firefox, Safari & Edge  as well as on most recent versions of Android and iOS on the last two years of device releases. 
• Add and configure WP Rocket speed optimization plugin to perform both on-site HTML, JS, and CSS magnification and multi-level caching.
• Perform on-site SEO optimization based on existing content using the Yoast SEO plugin.

Milestone 4: Final App and Website Revisions, Website Launch, Google Analytics Configuration, Post-Launch Setup and Training
We’ll begin work after 100% of the total project fee ($10000) has been deposited.

Weeks 5-6
The final two weeks of the project include pointing your domain to the new website and adding and configuring the Cloudflare CDN. During these final weeks, Brandit will provide the following services:

• Complete two design revision rounds based on the feedback from the Mauro AI team with up to 15 hours of total work for both the website and UI screens.
• Add and configure Cloudflare’s CDN to perform DNS-level HTML, JS, and CSS magnification, multi-level caching and other speed optimizations.
• Train staff to manage the site as needed in 1-2 training sessions via in-person meetings or by conference call. This may include 2-4 personalized tutorial videos when necessary.
• Brandit  will configure Google Analytics and baseline reporting and create a basic reporting dashboard if applicable. 
• Assist with user issues and any final fixes totaling no more than four hours.

Featured Projects & References

https://planatechnologies.com/ Plan A Technologies is a new software development company that is led by two founders who have successfully built companies that had eight-figure exits. We worked with them to establish their brand, logo and overall design branding style guide during discovery. We then took these deliverables to create taglines, copywriting, and a website from the ground up. 

Reference:
Aron Ezra, Chairman of the Board
aronmail@gmail.com
(310) 403-3083

https://immersionsystems.io/ This startup is revolutionizing how professional crypto miners set up and maintain their mining farms. We developed a new website for them from scratch and created custom isometric illustrations and data visualizations to explain how their system reduces their clients operating costs and energy usage. 

Reference:
Nathan Nichols, Managing Partner
nathannichols@immersionsystems.io
(434) 249-2648

https://blocksentry.co This is a venture-backed blockchain company that came to us with only a whitepaper. We worked with them to develop a new logo design, branding, content strategy, copywriting, and website from scratch. We also acted as Head of Product and design for their web application, and led its complete redesign and front-end development. While 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://urbana.branditsites.me/    We led the rebranding, content strategy and website redesign for Urban Realty Holdings, a commercial real estate development company that specializes in the acquisition and redevelopment of commercial properties. In addition to the design and branding, we also built a membership portal for investors to view reports. The link included is the deliverable that was handed off to the Urbana team. 

https://www.scalewp.com/ This is an enterprise WordPress hosting platform that we designed and built using the Cloudways API. In addition to leading the design and development of the enterprise hosting web application, we also created its branding, logo design, and a responsive website from scratch.

https://www.seaboardoverseas.com Seaboard is a multinational, Fortune 500 holdings company with its global headquarters in Kansas City. We worked in partnership with a local marketing agency to lead the design, development, and creative direction of the Overseas Division’s website, and are currently redesigning their corporate site at seaboardcorp.com. 

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://cardcompliant.com/ Card Compliant is a nationally recognized law firm and technology company that helps major brands like the NFL better understand gift card compliance laws and regulations. We lead the development of their corporate website in tandem with a branding partner. In addition to their primary website, we are also contracted to build an advanced compliance library and membership site that they plan to offer to their clients by the end of the year. 

https://post.edu/ This is a university website that we migrated and redesigned from a proprietary CMS platform to WordPress. The site get’s over 180000 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.

https://swervestrength.com/ Swerve Strength is a fitness startup that provides high-intensity training to soccer athletes and teams. We worked with them to develop a logo and branding design, content strategy, and website.