top of page

How We Design Stuff

The main steps of our digital design process

Our process: Welcome

The Winning Match Plan

Through the following steps, we create detailed usable documentation the UI (aesthetics) designers, programmers, integrators and quality insurance team can work from.

That documentation accelerates and orients the work of every parties around a shared vision.

It also makes planning the next steps a piece of cake.

A few steps that make a solid difference

Our process: Text

1.  Competiton Analysis

Optimizing Our Design Time

We compare similar projects and ideas and confront them to the best practices in order to come out with a strong understanding of the challenges other faced and their potential solutions.

Our process: Services

2.  Information Architecture

Making Sure The Structure Is Rock Solid

As the new structure becomes clearer in our mind, we start mapping out what content, sections and screens will be found in the product and how they will relate to each other.

In the case of a redesign, this includes the preliminary step of determining which content of the previous site we will keep.

Our process: Services

3.  Wireframes

The Architect's Plans Of The Rooms

From the previous work and ideas, we sketch every key pages of the product.

This step allows us to iterate rapidly until the team and stakeholders are aligned with the UX vision, layouts and functionalities. 

Wireframes are also good to build early interactive prototypes.

Our process: Services

4.  Navigation Flow Charts

Making The Invisible Visible

Every pages, screens and steps involved in the product is placed in a chart presenting the entire navigational relations between them.

The flow chart makes it super easy to understand how the screen relates to each other and the sequence through which the user will go.

Our process: Services

5.  Functional Requirements

The Implementation Bible

Our functional requirement documents list every screen's interaction information in a way that allows to make sure everything required is implemented. 

The Spreadsheet template acts just like a shared production follow-up software where all coding tasks can be prioritized and tracked.

Our process: Services

Wanna taste?

Let's get in touch!

Our process: Image

Member of Xn Quebec

The Digital Experiences Producers Association

Our process: Past Clients
bottom of page