Websites

Our Design Process

Clearly defining and communicating the design process is empowering. It enables us to align expectations, work collaboratively, think creatively, focus on deadlines, and produce the highest quality deliverable for every client and every project. Here's the process our team follows when designing a new website for a client:

Process

Discover

01

Discovery

Our discovery process collects detailed information about your business from defining key goals, to observations, and metrics which drive the success of the project. It explores every aspect of the project to identify and frame the problems.

02

Comparative & Competitive Analysis

Our C&C Analysis produces a visual report that takes inspiration from within and outside your industry and identifies patterns to position your brand to stand out from the crowd.

03

Moodboard

We then create a moodboard that consists of a collection of visuals to align on the style, voice, and direction of your project. A final moodboard provides us with design direction moving the project forward into the define phase.

Define

04

Content Strategy

We’ll collaborate on working through a series of questions to better understand customer needs, business needs, and any questions that the website absolutely needs to answer. This will inform the copy on the site. 

05

Site Map

The site map provides us a 10,000 ft view of the website’s content, showing the hierarchical structure and relationships between each page to help users navigate and understand the site.

06

User Journeys

When we create a user journey, we map a user’s experience during a session of using the website, following the series of actions performed to achieve a particular goal.

Design

07

Wireframes

In the design phase, we create wireframes for each user flow, which are blueprints of each page’s structure, information architecture, layout, functionality, and intended behaviors.

08

Copywriting (if needed)

We'll go page-by-page, and section-by-section to all placeholder text with custom copy. Copy will compliment digital assets, and vice versa. The copy will also compliment the content strategy established earlier in the project.

09

Content Creation

Now it's time to replace those filler images, icons and graphics with the real thing. While referencing the brand guidelines and content strategy, we'll produce prescribed graphics, icons and photography for the appropriate parts of the website.

10

Hi-Fidelity

This is where the magic happens! By applying our established visual language, we turn simple wireframes into stunning, polished pages. Each element, from typography to color schemes, comes to life creating an interactive beautiful final design.

Deploy

11

Development

Development transforms our hi-fidelity design into a functioning website. We will implement a content management system (CMS) of your choice like WordPress, Webflow, Shopify, etc.

12

Quality Assurance, Testing, and Review

We will undergo rigorous Quality Assurance testing to make sure the new site works on all relevant browsers and devices. We will prepare final training materials for your team to reference to ensure you can manage the site yourselves into the future. 

13

Launch

With a successful design and development process complete, the new website gets launched onto the web. We will then make final recommendations for on-going support and launch the site on a server you own and have direct access to.

1. Join our Slack

Startups aren't very territorial when it comes to their work environments, which is good for newcomers. There are a growing number of fabulous shared work spaces all around Greater Phoenix which are great to visit, work from, and, once again, meet others like you.

3. Sign up for the Newsletter

Community can't happen without face-to-face connections. Start reaching out to other active members in the community, schedule some time to grab a coffee or beer to get to know them, and ask what you can do to genuinely help them while you're at it.

Breathe

Life

Inspire

Design

Connect

Transform

Projects

Get Started Today

LEARN MORE