Cocon't Webapp

A concept website for showcasing the skincare line Cocon't, allowing users to discover the products in a dynamic way while highlighting their features.

Project type

Skincare 3D & AR Webapp concept

My roles

UX research,

UI designer,

Product Designer,

3D renderist,

Motion animator

Landing page overview

The main goal of this project is to showcase the beauty of the packaging while simultaneously conveying the brand's philosophy to the user.

Clean design, straightforward structure, and easy navigation were the key elements considered when designing the landing page.

3D Shopping table

During the purchasing process, the brand aims for the user to always keep the beauty of the packaging in mind.

To support this, I designed a dynamic 3D view where users can preview the packaging in real time. It updates instantly whenever the user makes changes to the selected products, providing feedback both through the UI and the 3D visualization.

AR Pre-visualization

In line with the brand's vision, I proposed incorporating an augmented reality feature into the web app, allowing users to preview how the packaging would look in the space where they plan to place the products.

media-0

Product design & packaging

The packaging and product design were developed around the idea of creating something both durable and visually appealing—an approach that also contributes to sustainability. Users are encouraged to refill the product, and the design invites them to keep the packaging as a decorative element.

media-1media-2media-3

End credits.

I would describe this project as fun, as it allowed me to experiment with interactive elements to spark the user's desire to purchase the product.

From a product design perspective, combining aesthetic appeal with practical functionality was certainly a challenge—but a highly rewarding one.