Wireframing

Duration

approx. 1 week

phase

3rd phase in the UX sprint

phase

3rd phase in the UX sprint

Goal

Creating design concept as a base for UI phase

Goal

Creating design concept as a base for UI phase

Goal

Creating design concept as a base for UI phase

We take all the information we've gathered about the project's goals, focus product, and user behaviour and turn it into the first design concept.

methods

Lo-Fi Wireframes

Sketching on paper is the best way to grasp all the ideas and include them in the concept. Here, for the first time, we see the outlines of the design that will be formed later.

Hi-Fi Wireframes

Wireframing in Figma gives a much more detailed picture of all the pages of the site and the overall flow of information. Here we see a clear layout of the sections and cover every path the user can take.

HMW questions

During our first meeting with clients we write down questions in the form of how might we. It helps us set a clear goal and leads to problem-solving.

e.g.
How might we illustrate what makes our client different from their competitors?

a lot of blue and yellow paper notes with words on them on a white background

Deciding & Voting

Everyone gets 3 red dots to vote on the questions they think are crucial and should be answered first.

The three questions that receive the most votes determine the direction of the project and we need to answer them with design solutions.