Homepage

About

Lumise is a auxiliary light store based in Rovaniemi, Finland.

In this project client wanted to re-do their online store and better the payment flow. At the time, Lumise store had a lot going on and the number one problem from new users was picking the right product. The user wasn’t able to find what was fitting for their specific vehicle.

Lumise online store front. First there's advert for discounts with simple aurora in the background. Then you have product categories to choose from such as Auxiliary lights, Flash lights etc.

By conducting a survey to existing customers we got a lot of information about what users wanted. They wanted to make sure that the product they chose was right for them and they wanted to have product features on display to compare them to other products.

Valovelho

Valovelho is a feature in which customer can find right lights for their specific car. The problem with the current version is, that users couldn’t find it form the website.

In the Valovelho chat, the user needs their vehicle model and other information for it to show you the fitting lights. The user is also able to chat with a human if they happen to have questions.

Image of Lumise chat. Lumise bot asks "Hi! How can we help you. Please choose one of the following." And after that there's orange buttons user can choose such as "My order" "Compatibility of this product" "I want to talk to the customer service" etc.

Comparing

Image series of product comparing step 1. Product site, in the product image there's a compare-button with the word compare and icon of two arrows passing by. User clicks that image and goes to step two.
Image series of product comparing step 2. User has chosen one product to compare so they now have a floating element on the bottom of the screen. Now user has to choose another product as well.
Image series of product comparing step 3. User has chosen another product, so they now can press compare button on the floating element.
Image series of product comparing step 4. User now has two products in two columns next to each other. They now can compare both easily and decide which one to go for.

New feature that the user wished for, was comparing products and their features. We benchmarked other stores that have the feature and I went with floating element that comes with you when you choose products to compare.

Testing in-between versions showed us that users had hard time understanding what the new “compare”-icon meant so we did bigger version of the button on the product site.

Finished product

With new concept for Lumise online store we simplified navigation options a lot and added a bottom bar to the site.

Our goal was to create a modern and luxurious feeling with video in the beginning, new typography and all in all more minimal look.

I learnt a ton about the importance of uer testing and going through the survey data. Before this project, I didn’t really utilise my graphic designer skills but with help of Anu Mäkelä, I decided tyhat next time I will have courage.

My role:

  • Benchmarking other auxiliary light online stores and ways to compare products
  • Making wireframes, Prototyping and creating components
  • Creating customer- and user surveys on SurveyPal as well as taking notes at user interviews

Mockups from Freepik