Duration: 2 months
Skills used: High fidelity prototyping, Component Design, User flow
From May till June 2022 I worked at Vilhelm Nellemann Handelsselskab. During my stay I worked on creating designs for their two workshops motostore.dk and honda-mc.dk
One of the tasks I was given was to redesign their mobile checkout flow for motostore.
I decided to use secondary research in order to get an idea about what’s important when creating a checkout flow. The insights I gained were these:
Reduce visual clutter
Use buttons for progressing and make sure they are noticeable and centered on the screen
Include a progress indicator to lessen the amount of failed checkouts due to burnout
Floating labels inside text input boxes help remind the user of the type of information they are supposed to input
I applied the atomic design philosophy when I designed the mobile checkout flow. This meant that I built my design up using components (atoms), components build with components (molecules) and components combining several molecules (organisms).
For their webshop selling Honda motorcycles I was tasked with creating a user flow for how we could guide the user through the shopping experience.
The user finds a model on the front page that they like and they click on it
This leads them to a page where they can choose between the normal version, the sports version and a version with electronic suspension
After choosing the version they want the user is lead to a product page where they can choose between the color of the motorcycle
At the top they have tabs where the user can select “dealer”(forhandler) which will show them a map of all the honda dealers in Denmark. The ones that don’t have the model the user is looking for are faded out
If the user is looking for a repair shop they can click the radio button to show repair shops which are shown in black