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?

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.