Picture of Emilia Iinatti. I have blonde short hair and red-and white striped shirt. I am smiling at the camera.

Emilia Iinatti

Lumise

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. By conducting a survey to existing customers we got a lot of information about what users wanted.

Our team produced a concept with clickable prototype for online store. Improving ways to find the right product and implementing a chat bot.

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.
Great product comparing feature by Nordic Lights that's made as a game where you can move around with an vehicle and see the light in action.
Benchmark slides with list of companies we benchmarked features from for this project.
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.

Valovelho

Valovelho is a feature in which customer can find right lights for their specific car. The problem with the current version is, that it’s very hard to find and it’s not very usable.

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

I created a chat prototype with features from already existing Valovelho for easy use and access.

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 customer wished for, was comparing products. 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 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.

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