Mosaic: Responsive E-commerce

A fully responsive website that promotes brand value as well as offers online shopping experience.

  • Role: Industrial Design, Graphic Design
  • Tools: Axure, Photoshop, Sublime Text(HTML, CSS)
  • Team: ChunTe Wu

This is an e-commerce website that my teammate and I built for a fictional high-end furniture company, Mosaic. Mosaic targets 28-38-year-old urbanites who seeks a luxury yet minimal lifestyle. The company collaborates with the most prestigious designers around the world to make unique pieces that are not only exceeding in appeals, but also easy to use in everyday life.

Mosaic MacBook Mockup

We aim to bring out brand value while designing the website. Black and gold color theme, as well as Montserrat fonts perfectly represents the luxuries and minimal of the company's products. Meantime, the layout and interaction of the website bring a compelling experience to the users.

FULL WEBSITE

BRANDING

Started by thinking of a brand strategy to form a set of values for the company, then a brief was created to rationalize the design decisions. Delivered a recognizable logo that holds the company's brand identity together. Then the fonts, color scheme, images, etc.

Mosaic Staionery
Mosaic Laptop

DEFINING STYLE GUIDE

Prepared all the design elements. Then the webpages are built upon this style guide.

CODING THE WEBSITE

Portfolio Big

Implemented all the previous design into HTML & CSS without using any frameworks or guide systems.

Made it responsive across browsers and devices.