Website Design

Website Design

Website Design

ROS Website Design

ROS Website Design

ROS Website Design

MY ROLE

MY ROLE

MY ROLE

  • Research

  • Conceptualisation

  • Design

  • Developer handoff

TEAM

TEAM

TEAM

  • Development Team

  • Graphic Designer

DURATION

DURATION

DURATION

1 month

CONTEXT

Maximizing Impact Through Structured Design

Maximizing Impact Through Structured Design

After establishing their visual language, ROS Beauty needed their e-commerce platform to showcase their products effectively. The website needed to reflect the brand's vibrant essence while delivering a thoughtful user experience that makes shopping intuitive and enjoyable.

But what is ROS Beauty?

Ray Of Sunshine Beauty (ROS Beauty) is a an emerging beauty brand dedicated to bringing joy, creativity, and confidence to everyday beauty routines. They're all about making beauty fun and accessible with their vibrant press-on nails. Their mission? Spreading joy and confidence, one nail design at a time.

PROBLEM BREAKDOWN

Working With What We've Got

Working With What We've Got

The goal was simple: transform a standard Shopify template into a trustworthy shopping experience that feels uniquely ROS. This meant bringing their playful visuals to the preset structure, building trust through clear product showcases and reviews, and creating a shopping flow that feels both reliable and fun.

Customisation

Following a theme meant limited room for customization, requiring strategic design decisions.

Tight Timelines

Launch date was set with tight project timelines, demanding efficient execution.

Brand Expression

Making templated pages reflect ROS Beauty's joyful spirit while working within platform limits.

Pre-chosen theme for the website by the client

Pre-chosen theme for the website by the client

GETTING STARTED

Shopify Template to Tailored Design

Shopify Template to Tailored Design

We approached the template transformation strategically, like solving a creative puzzle. First, we identified which elements of the original template were essential for a smooth shopping experience. Then came the fun part – we carefully selected design elements that could flex to embody ROS Beauty's vibrant personality. By thoughtfully restructuring the visual hierarchy, we turned standard template pages into a uniquely crafted experience that feels intentionally designed for the brand.

Brand Experience We added consistent brand touchpoints throughout the shopping journey, ensuring ROS Beauty's vibrant character shines through at every step.

Brand Experience We added consistent brand touchpoints throughout the shopping journey, ensuring ROS Beauty's vibrant character shines through at every step.

Brand Experience We added consistent brand touchpoints throughout the shopping journey, ensuring ROS Beauty's vibrant character shines through at every step.

Navigation Structure We streamlined navigation to make product discovery intuitive, combining straightforward category browsing with curated lifestyle collections.

Navigation Structure We streamlined navigation to make product discovery intuitive, combining straightforward category browsing with curated lifestyle collections.

Navigation Structure We streamlined navigation to make product discovery intuitive, combining straightforward category browsing with curated lifestyle collections.

Brand Storytelling We placed ROS Beauty's brand story strategically across the site, letting customers connect with their personality while keeping products discoverable.

Brand Storytelling We placed ROS Beauty's brand story strategically across the site, letting customers connect with their personality while keeping products discoverable.

Brand Storytelling We placed ROS Beauty's brand story strategically across the site, letting customers connect with their personality while keeping products discoverable.

A STEP FURTHER

Product Page Optimization

Product Page Optimization

The product page was refined to make purchase decisions easier and showcasing nail designs better. By adjusting the layout and content hierarchy, we helped customers quickly find the information they need to choose their perfect nail set.

Visual Navigation We upgraded the product gallery with easy-to-scan thumbnails, showing all angles of the nail designs at a glance.

Visual Navigation We upgraded the product gallery with easy-to-scan thumbnails, showing all angles of the nail designs at a glance.

Visual Navigation We upgraded the product gallery with easy-to-scan thumbnails, showing all angles of the nail designs at a glance.

01

Color Clarity We added color shade indicators to accurately represent how each design looks in real life, preventing any surprises after purchase.

Color Clarity We added color shade indicators to accurately represent how each design looks in real life, preventing any surprises after purchase.

Color Clarity We added color shade indicators to accurately represent how each design looks in real life, preventing any surprises after purchase.

02

Value Highlights We replaced the countdown timer with clear brand benefits – making it obvious what makes ROS Beauty's press-on nails special.

Value Highlights We replaced the countdown timer with clear brand benefits – making it obvious what makes ROS Beauty's press-on nails special.

Value Highlights We replaced the countdown timer with clear brand benefits – making it obvious what makes ROS Beauty's press-on nails special.

03

THE FINAL LOOK

Final Screens

Final Screens

Design Finalization After incorporating feedback and testing, we locked in the final designs across all pages.

Design Finalization After incorporating feedback and testing, we locked in the final designs across all pages.

Design Finalization After incorporating feedback and testing, we locked in the final designs across all pages.

Development Handoff We prepared detailed mobile and desktop specifications for the development team.

Development Handoff We prepared detailed mobile and desktop specifications for the development team.

Development Handoff We prepared detailed mobile and desktop specifications for the development team.

LOOKING AHEAD

What's next?

What's next?

The brand later introduced 25+ designs, offering endless possibilities for self-expression. ⁠Built a sunshine community of over 500+ amazing girls, spreading positivity, creativity, and self-love.

Project Learnings

Having a stakeholder with a crystal-clear vision of their brand's needs made the design process flow naturally. This clarity helped us lock in designs efficiently and effectively.

Seamless Integration — The development phase was remarkably smooth - seeing the designs translate from Figma to the live site with such precision was a memorable first. The final result matched our vision perfectly.

Having a stakeholder with a crystal-clear vision of their brand's needs made the design process flow naturally. This clarity helped us lock in designs efficiently and effectively.

View Next Project

View Next Project