Type
Web & mobile RWD version
Tool
Adobe XD, Photoshop, Illustrator
About Color
I choose Scandinavia as the main color and with light gray as secondary color.
Brief Introduction
Maison de Thé was named by “The home of tea” in French.
I mainly apply by Scandinavian style design to make users can feel relax just like have a cup
of tea at home.
I used Adobe XD to make RWD prototype with some transform effect.
RWD Orientation
Use hamburger menu both on web and mobile version design. To make it simple, use navbar-collapse to display clear navigation.
Quick View
Provide quick view function with bluring background.
Product Page
Product page shows Product information, purchase reviews, ingredients, and best with tips.
Users can browse product images and select purchase item and add to cart.
Mobile Version
Mobile version has simplified the page overview.
Users can have better experience when using mobile devices.
