Adonis

Mockup Beauty Product Design : The ADONIS mockup blends luxury and nature, embodying refined masculinity through minimalist branding, earthy tones, and sustainable packaging.

Role

Graphic Designer

Graphic Designer

Industry

Beauty

Beauty

Duration

3 months

3 months

265%

Engagement Time Increase

46%

Event Interaction Growth

3.1%

User Growth

265%

Engagement Time Increase

46%

Event Interaction Growth

3.1%

User Growth

265%

Engagement Time Increase

46%

Event Interaction Growth

3.1%

User Growth

Platform & Delivery

Platform & Delivery

Defined and implemented Webflow as the core platform, enabling a scalable and flexible system that supports ongoing design iteration and efficient content management.

Defined and implemented Webflow as the core platform, enabling a scalable and flexible system that supports ongoing design iteration and efficient content management.

UX & Interface Clarity

UX & Interface Clarity

Redesigned the experience to improve navigation, simplify user flows, and establish a stronger visual hierarchy—reducing friction and improving usability across key touchpoints.

Redesigned the experience to improve navigation, simplify user flows, and establish a stronger visual hierarchy—reducing friction and improving usability across key touchpoints.

Performance & Engagement

Performance & Engagement

Delivered measurable improvements in engagement and interaction following the redesign, supported by increased event activity and significantly longer session durations.

Delivered measurable improvements in engagement and interaction following the redesign, supported by increased event activity and significantly longer session durations.

Before

Before

The existing website presented several usability and performance challenges.

Navigation lacked clarity, content hierarchy was inconsistent, and key pathways were not clearly defined. This resulted in a fragmented user experience, limiting engagement and reducing the effectiveness of the site as a conversion and discovery tool.

The existing website presented several usability and performance challenges.

Navigation lacked clarity, content hierarchy was inconsistent, and key pathways were not clearly defined. This resulted in a fragmented user experience, limiting engagement and reducing the effectiveness of the site as a conversion and discovery tool.

Stage 1. Usability Audit

Conducted a comprehensive usability audit of the existing product, combining heuristic evaluation, user interviews, and performance data to identify key friction points.

This surfaced critical issues across:

  • Navigation clarity and structure

  • Goal tracking usability

  • Social engagement and interaction

These insights established a clear foundation for redesign priorities.

Stage 2. Design Strategy

Defined a redesign strategy focused on simplifying user flows, improving data visibility, and strengthening community-driven features.

A structured design roadmap was developed to:

  • Reduce complexity across key journeys

  • Improve accessibility and clarity of information

  • Introduce features that encourage ongoing user engagement

The outcome was a more cohesive and scalable product direction across both app and web.

Stage 3. Prototype Development

Wireframing: Redesigned core screens and user flows based on audit findings, with a focus on intuitive navigation and goal-oriented interaction.

The updated structure reduced cognitive load and created a clearer path for users to complete key actions.

  • High-Fidelity Prototyping: Developed detailed, interactive prototypes in Figma to bring the new experience to life.

    These prototypes demonstrated improved usability, clearer hierarchy, and more engaging interactions across the product.


  • User Interface Design: Refined the visual identity to better align with the brand and target audience.

    This included:

    • A more vibrant and engaging colour system

    • Updated iconography tailored to user expectations

    • A cleaner, more consistent interface

    The result was a product that feels both more intuitive and more motivating to use.

Colour Scheme:

The packaging design utilises a soothing colour palette inspired by nature, such as the use of earthy tones, soft greens, and warm neutrals. These colours create a sense of calmness, evoking the brand's commitment to organic ingredients and natural beauty.

Packaging:

Sourced from sustainable materials, with an emphasis on recyclability and reduced environmental impact. Featuring eco-friendly cardboard, and glass serum bottles, symbolising the brand's dedication to sustainability.

ADONIS's packaging exudes a sense of elegance, simplicity, and a strong connection to nature.

Other projects

© Copyright 2026 by James Grove

© Copyright 2026 by James Grove

© Copyright 2026 by James Grove