Case Study
Chameleon Cosmetics
E‑commerce Web Application
An interactive, dynamic, database‑driven, e‑commerce web application for a fictional cosmetics brand, named Chameleon Cosmetics. The website is fully responsive, optimised for mobile, and contains several unique, interactive features, including a virtual 'try‑on' makeup feature, as well as animated product views.
Scope
Front/Back-end Web Development, 3D Modelling, Interaction Design, Product Visualisation, Retouching
Year
2017-2018
Softwares / Languages
The Objective
To design a new, dynamic cosmetics brand and to develop an effective and engaging e‑commerce platform on which users can browse, read about and buy Chameleon Cosmetics products.
Due to the importance of online shopping today, the project maintains a particular focus on maximising user experience and product interactivity, to maximise conversions and compete with existing competitors.
E‑commerce Functionality
As a functioning e‑commerce site, users can create, edit, and delete online accounts, add items to bag or their wishlist and checkout by entering delivery and payment details. All the cosmetics products for the website's online store were designed, 3D modelled and rendered by myself using Autodesk Maya.
Eyes Product Page
Eyeshadow Product Page
Checkout Page
Account Page
Makeup Face Chart Creator Page
The Design
Inspired by modern web design trends, bright, vivid house colours of indigo, green and magenta were adopted for the site's design, helping to create a dynamic brand identity that stands out from existing competitors. Large, bold and capitalised text was also used to visually engage the user and communicate the page’s information clearly.
Interactive Product Views
By dragging a scroll bar left and right, users can open and close the virtual 3D products on the page. This feature bridges the gap between online shopping and brick and mortar stores, by allowing users to interact and engage with the products like they would in-store.
Makeup Face Chart Creator
This fun, interactive feature allows users to choose and swap different shades of Chameleon Cosmetics products, and apply them to a virtual face chart to design their own personalised makeup look. It is quick and easy to use, and allows makeup lovers to unleash their creativity by mixing and matching a wide range of products, from lipstick and blusher, to eyeshadow and mascara.
The feature is fully responsive on all devices, and optimised to ensure a seamless, mobile app experience.
Get in touch
Would you like to work together or simply chat about a project? Don't hesitate to contact me.