Design

Design is essentially how information is portrayed. It dictates how a user will interact with your product. How it will make him feel. And how easily his or your goals get accomplished.

Research

I start by doing my homework by getting to know you and your product. By understanding that I can plan and organise your content in a logical and usable way.

Read more on research
The Core model - Ida Aalen (A List Apart)

User flow

Creating a map of the user flow for is the basis for a good experience. It gives us an overview of goals and how the user will achieve them. Where information is provided and potential bottlenecks.

Read more on user flow
Stop designing pages start designing flows - Morgan Brown (Smashing Magazine)
The users journey - Donna Lichaw (A List Apart)

Wireframing

What goes where? Wireframing is the p that we can start prototyping on. I sometimes spill this part into the Visual design when I think the brand can play an essential role on this process. That can also help to portray how it will really feel when black and white just aren’t enough.

Read more on wireframing
Create content wireframes for responsive design - Tom Green (Smashing Magazine)
The risky business of onboarding - Rick Pastoor (A List Apart)
Designing for easy interaction - Sarah Horton & Whitney Quesenbery (A List Apart)
Shades of discoverability - Cennydd Bowles (A List Apart)

Visual design

This is where your brand and details get added to the wireframes and user flow. Often mistakingly seen as the entire design process.

Read more on visual design
Living up to your business ideals - Geoff DiMasi (A List Apart)
Crafting a design persona - Meg Dickey-Kurdziolek (A List Apart)

Prototyping

Usually a part of Visual design and Wireframing. Prototyping puts the design to the test to check its effect and feel.

Read more on prototyping
Optimizing your design for rapid prototype testing - Michelle Chu (Smashing Magazine)
Design better faster with rapid prototyping - Lyndon Cerejo (Smashing Magazine)

Responsive design

Taking every device and screen size into consideration ensures your users will have a smooth experience no matter what device they decide to use.

Read more on responsive design
What we mean when we say responsive - Lyza Danger Gardner (A List Apart)
Rolling out responsive - Karen McGrane (A List Apart)
Designing for breakpoints - Stephen Hay (A List Apart)

Style guides

Taking the Visual design and splitting it into atoms in a style guide outlines all the elements in one place. I usually translate it into reusable elements on the development side where you can visit and pick out the styles you need for the development.

This can really help bridge the gap between back-end and front-end developers. The back-end developers can pick out the styles they need and apply them easily without waiting for the front-end developer.

Read more on style guides
From pages to patterns - Charlotte Jackson (A List Apart)

Want to learn about my front-end development services?