Double Bay Cosmeceuticals — homepage on a phone

Double Bay Cosmeceuticals — product page on a monitor

“Top 5 Star rated” and “Cruelty free” feature cards

Double Bay CosmeceuticalsE-Commerce Platform

Date:: August - December 2023
Tools:: Figma, Adobe Photoshop, Adobe Illustrator
Materials:: Client, Shutterstock, Streamline
Scope:: Information architecture based on functional mockups
UX/UI Design
Responsive Web Design
Stationery Design
Design System

Client:

Double Bay Cosmeceuticals specializes in products with carefully combined ingredients for sensitive and stubborn skin.

The unique multiactive complementation, skin barrier calming base, and optimal ingredient ratio set this company apart, offering exceptional skincare solutions.

Project goal

My focus was on the Product Design process, during which, by analyzing the competition, assumptions, and goals, the aim was to create a unique UI based on good UX principles while simultaneously developing visual elements of brand identity.

01. Style guide / Colors

Defined primary and extended color palettedetermining the visual identity of the brand

Double Bay Cosmeceuticals color palette — primary and additional colors with shades

01. Style guide / Typography

Leading primary, secondary typographyand typographic styles of the brand

Primary typography — the Woodland typeface and its styles

Secondary typography — the Manrope typeface

02. UX/UI and Responsive Design

Crafted user-centric UX/UI designenhancing the digital experience

The UX/UI design for Double Bay Cosmeceuticals was meticulously crafted to ensure a seamless experience across both desktop and mobile platforms.

I created tailored designs for each platform while preserving all key functionality, allowing the brand to meet user needs regardless of the device. This approach established a consistent digital journey whether customers accessed the store on a computer or smartphone.

The delivered store established one consistent product-discovery and purchase journey across desktop and mobile, supported by a reusable design system and matching brand materials. The public case study does not include post-launch sales or conversion data, so the result is stated as the implemented experience rather than a quantified commercial claim.

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 1 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 2 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 3 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 4 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 5 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 6 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 7 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 8 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 9 of 10

Double Bay Cosmeceuticals store mock-ups on desktop and phone — part 10 of 10

03. Stationery Design

Curated stationery design reflectingthe brand’s style and identity

Double Bay Cosmeceuticals information brochure — cover and spreads

04. Summary and credits

Thanks for your attention – let’scatch up soon

Date:: August - December 2023
Client:: Caroline Bishop, Admin Officer
Project:: E-commerce platform for Double Bay Cosmeceuticals
Product Designer:: Mateusz Madura, Startify

See online →

More case studies

CopyCase

Cloud-based file hosting platform designed for storing, managing and accessing files through a simple and intuitive web application.

Goldman Recruitment

Leading Polish recruitment consultancy specializing in Search & Selection and Executive Search, redesigned and redeveloped to support employer acquisition and business growth.