Website design process

Website Design Process

Our Website design process is what makes us, us

Our

Before something meaningful can be made we need to make sense of business requirements, user needs, diverse strategies, messaging, available technologies, and everything else that goes into the recipe for a successful project.

Discovery

WE LEARN AS MUCH AS WE CAN ABOUT YOU, YOUR INDUSTRY, AND YOUR CUSTOMERS

Discovery Call

During our initial consultation, we’ll establish your current and future objectives and lock down scope of work, timeline, and budget. 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.

Scope of work

After our discovery call, we put together a scope of work outline, timeline, and budget proposal.

Strategy

WE GET ALIGNED SO THAT WE HAVE A CLEAR PATH TO SUCCESS

Communication set-up & onboarding

After you review and e-sign the master service agreement we will invite you to our project tracker 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 starting. We keep everyone on track through a simple but effective communication plan and a one-on-one dedicated point of contact.

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 Site Map Planning & Information Architecture phase.

Things we will discuss:

Analyze & Understand Current Brand ID & assets (Persona | Tone | Vision | Color Palette | Use of Graphics, Video, etc)
Analyze & Understand Information on sites goals, user flow, etc
Analyze client Inspirations, Likes & Dislikes
Analyze Website Concerns/Pain Points
Website Aesthetic Brainstorming w/ Client

Content & creative planning

To create 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.

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 and ready to utilize within our design phase.

Design

A BEAUTIFUL DESIGN THAT PRODUCES REAL RESULTS

In website design process, this is the stage where the miracle of converting beautiful yet effective designs into a dynamic, feature-rich responsive website happens. Our developers will code the website using current quality assurance standards and best practices. Developers will do their best to make sure site comes to life on time and with all functions ready to serve your business needs.

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 meaningful & strategic general creative direction as a base for your site’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.

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 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 begin building your website.

Website development

After we have completed high-fidelity website designs process 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. Each page can be tracked, developed, reviewed, and approved.

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…

On-page SEO

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)

Launch

This is the exciting part in website design process, we provide your team with ample graphics to hype up the launch of your new site After the design phase has been completed and you’ve approved the final design, we schedule a launch day. If applicable, we will provide the necessary training to you and your team for back-end use. Uploading blogs, adding products, adjusting products, we will be there to show you around the user interface. After your website is launched and live, we want to maintain our partnership. We want to be your trusted partner and grow with you. We do that by monitoring your website SEO, keeping a backup, regularly updating it, and being someone for you to bounce ideas off. We have extensive experience across every industry imaginable, let’s grow together.

Website design process