Our Process

The foundation of our success lies in our methodical approach. To ensure a project's triumph, it is crucial that we understand the various aspects that make up the project, such as business requirements, user needs, diverse strategies, messaging, and available technologies.

LET'S GET STARTED!!!

Discovery

We learn as much as we can about you and your users

1. Discovery Call

During our initial consultation, we’ll establish your current and future objectives, fill out a project requirement document and lock down the scope of work, timeline, and budget of the project. We may walk you through an example of what our typical project proposal looks like and if needed we may schedule a follow-up call to further scope your project. Finally, we will discuss the next steps.

2. Scope of work

After our discovery call, we will put together a scope of work outline, timeline, and budget proposal. This will be handed off via a Google Doc so we can both review, revise and approve the SOW.

3. Commitment

Once the scope of work outline, timeline and budget proposal are agreed upon we will provide you with an estimate for the total budget.

Strategy

We get aligned so that we have a clear path to success

4. Communication set-up & onboarding

After you review and e-sign the master service agreement we will invite you to our project tracker on Matter Most where the SOW will be outlined by task, as well as a list of project set-up tasks that will be assigned. These tasks will include instructions for asset & credential hand-off, communication set-up, and kick-off call scheduling to get things rolling. We keep everyone on track through a simple but effective communication plan and a one-on-one dedicated point of contact.

5. Kick-off call & pre-build discussions

Once we've set-up our communication channels and have successfully on-boarded you to our project tracker we will then schedule a Kick-Off call to go over the following topics and review every detail of your project again before moving forward into the Project Map Planning & Information Architecture phase.

‍Things we will discuss:1. Analyze & Understand Current Brand ID & assets(Persona | Tone | Vision | Color Palette | Use of Graphics, Video, etc). 2. Analyze & Understand Information on project goals, user flow, etc. 3. Analyze client Inspirations, Likes & Dislikes. 4. Analyze project Concerns/Pain Points 5. project Aesthetic Brainstorming w/ Client

6. Information architecture, tags and URLs

In this (optional) stage we will help you plan your new site and or app map, and map out the new customer journey of your website and or app.

Our dedicated team will help you identify your major user types and how to guide them through the content we're showcasing in a way that works intuitively and directs all of your visitors to the information they need.

It's important that we tell the story your brand deserves. We will take a look at your current URL and on-page SEO structure so we can plan ahead, implementing best development practices throughout the build to retain your URL structure and current SEO.

If you have analytics or any site data, we may analyze those metrics at this time and utilize that data to help optimize your Information Architecture.

7. Content & creative planning

In order to create a meaningful design, we need to truly understand the content we are working with and create a story around your content. This is where creative content planning comes into play.

Your project strategist will help take a creative approach to understanding your content and the story we are telling with it, allowing us to plan for those flashy Hero page illustrations, advanced interactivity, and more ... in a meaningful way. This way we can go directly into the design phase with a strong sense of purpose and understanding.

8. Copywriting & messaging

Whatever your business, our goal is to help you create an authentic storyline to guide your users through your website and make your business shine. If you've requested help with copy and messaging in your scope of work then we’ll work with you prior to the design phase to revamp, re-write or co-write new copy depending on your needs. This fresh copy will be linked to your information architecture map in a tool like "SlickPlan" and ready to utilize within our design phase.

Design

A beautiful design that actually works is about balance

9. Wireframes & UX Design

After we've completed the pre-build strategy process we'll typically go into creating wireframes to review and approve with our client. After we've solidified Wireframes our top design priority within the design phase is to create a meaningful & strategic general creative direction as a base for your site or app's aesthetic. This general direction will typically be a first draft of your homepage and allows us to lock in our aesthetic moving into our page-by-page design, review, and approval process.

10. Page by page review, revise, approve

After we lock-in a tier 1 general creative direction as a base for your site. We'll be ready to start tracking design progress on each page, and completing revision rounds. We typically design each page out in Figma and then run each page through 2-3 collaborative revision rounds with both of our teams.

This is all tracked within our project management tool. While each page is being designed we may simultaneously be working on Interaction Planning, Brand ID, Logo, Illustrations, and other marketing collateral as a part of our scope. Once all design assets have been completed and approved we'll be ready for our development hand-off call.

Build

Everything comes together to realize your vision

11. Development

After we have completed high-fidelity designs ready for development we'll schedule a dev hand-off call. After transitioning the tone of the project towards development.

We will work be working with you page by page to develop your custom pages and integrations. You'll be able to watch every-step of the way via a live preview link of our work. Each page will be tracked, developed, reviewed and approved.

12. Custom development

Upfront in our discovery phase we may have identified some "Custom development" items within your scope of work. If so, we'll be handling those items in this phase of the project alongside front-end development. This includes API Integrations, Custom Forms, Membership Sites, Ecommerce, Log-in, Large content migration, Etc...

13. On-page SEO (For Websites)

These On-Page SEO attributes we will make sure are built into your project:

- Standard On-Page SEO (Meta Tags, etc)
- XML sitemaps
- OpenGraph
- Robots.txt
- Ability to customize and redirect Slugs (URLs) (301 Redirects)
- BEM Class Naming & Styling (provides a better structure for your CSS code and scalable CSS.. BEM stands for Block Element, Modifiers, this means if you export your code outside of Webflow, it’ll be easy to use)
- Dynamic Meta Data (Synced via CMS Inputs)

14. Content and CMS population

If there is a lot of content to move on certain pages (blog, etc), it won’t make sense to manually migrate by entering it through the CMS one by one, we’ll want to upload via a CSV, however, most of the time this content isn’t accessible via CSV. In order to solve this issue we’ll write custom scripts to pull the site content data accurately and securely over to your freshly built CMS on Webflow, or we will handle the manual data entry on a case-to-case basis.

16. Hand-off and launch

Before we launch your website or app we'll complete an internal Q&A and triple-check everything, once we have the green light we'll transfer the completed website or app to your account and create 2 back-ups.

Congrats your project is launched!

Work we've done

We create top of the line digital solutions for our clients 💻 📱

Who we've created products for