hongi – personalized mattresses e-commerce
Year
2016-2018
Tools Used
Adobe Photoshop
Adobe Illustrator
Adobe XD
Cinema 4D
Role
UI/UX Design
Brand Guidelines
Photo Retouching
Copyrighting
Illustrations
3D Visualization
Marketing
HONGi is a Vienna based startup that disrupts the sleep industry by providing individualized mattresses. The user answers a set of 9 questions regarding body constitution and sleeping habits, and then the algorithms recommend the best mattress configuration, to be delivered and tested at home.
Key points:
1. Develop an online configurator that collects the user info.
2. Set up an appealing output, by taking in consideration the vast variety of combinations of indicators and materials.
3. Increase the conversions.
UX
Because the key selling point of the website is the customization of the mattress, the general flow should gravitate around it. The configurator represents a set of 9 questions about sleeping habits, body indicators and material preferences (if any). After the user responds to these questions, the algorithms recommends a specific model of the mattress. The answers are editable, so the user can go back and modify them as desired.
The rest of the website flow is designed as for a typical e-commerce platform: with the possibilities to add to cart and a one-page checkout, which will be presented later.
UI
Rich Black
Usage: Font Color
#01111D
Simple White
Usage: Backgrounds
#FFFFFF
Carmine Pink
Usage: Alerts, Fail in performing actions
#EF626C
Morning Blue
Usage: Backgrounds, Subtle elements emphasis
#ECF6FA
Jungle Green
Usage: Call to actions, Successfully performed actions
#75BE43
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Header – Roboto Slab Thin
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Paragraph – Montserrat Light
Custom Build Mattress
100 Days Sleep Trial
Made in Austria
Handmade
Premium Quality