Hello
你好
नमस्ते
Hola
Bonjour
مرحبا
হ্যালো
Olá
ہیلو
Hallo
Blog
Skip To Main Content
UI/UX DesignWeb Design

How a Skincare Website Design Got Us on Dribbble Select

Great design often begins with experimentation. At six2sight, our research and development team constantly explores new ideas to push the standard of modern web experiences.

One of those explorations became Aura, a skincare and self-care website concept created to study how clean visuals, thoughtful storytelling, and intuitive layouts can shape a beauty brand online.

What started as an internal design project soon gained wider recognition. The Aura website design helped us get featured on Dribbble Select in the Web Design Company category, highlighting six2sight as a web design agency to hire.

In this blog, we will walk through the ideas, design choices, and creative process behind the Aura skincare website design. Before that, let’s have a quick idea about what Dribbble Select actually is. 

What is Dribbble Select and how does it work? 

Dribbble Select is a curated directory created by Dribbble that highlights trusted design agencies and studios across different creative categories. Instead of showcasing a single design shot, this feature focuses on companies that clients can hire for design work.

Dribbble itself is a global platform where designers and agencies publish their work, build portfolios, and connect with companies that need design services. Millions of designers use it to share projects and gain visibility in the creative industry.

Dribbble Select works as a discovery layer on top of that ecosystem. The platform curates and groups top agencies into categories such as web design companies, product design studios, branding agencies, and other specialized creative services. These lists help businesses quickly find agencies with strong portfolios and proven design quality.

Being included in Dribbble Select means an agency’s work and profile stand out among thousands of others on the platform. For agencies, it brings additional exposure and signals credibility to potential clients who browse Dribbble specifically to hire design partners.

In our case, the Aura skincare website design helped six2sight get featured in the Web Design Company category on Dribbble Select, placing our work in front of companies actively searching for a web design agency to hire. One of the shots from that project also earned a place in the Dribbble Select: Best Shots of the Year article.

Our web design approach from concept to presentation for Aura

Designing Aura was not just about creating a visually appealing skincare website. It was part of our R&D process at six2eight, where we explore how emerging technologies and thoughtful design can shape future digital experiences.

The goal of this project was to experiment with a new kind of beauty shopping journey. Instead of browsing products first, users begin by understanding their skin through an AI-powered diagnosis. From there, the experience guides them toward the right products, ingredients, and routines in a calm and intuitive way.

Aura allowed our team to explore how AI, skincare education, and modern e-commerce design could work together in one seamless experience. Below is a breakdown of how we approached the project from the first idea to the final presentation.

1. Finding the concept

Every concept project starts with a question about the future of digital products. For Aura, the question was simple.

What would skincare shopping look like if it started with personalized skin analysis instead of product browsing?

From this idea, we built a concept around an AI-powered skincare assistant that analyzes the user’s skin and suggests products based on real data.The core experience focused on:

  • AI face scanning for instant skin analysis
  • Personalized product recommendations
  • Ingredient transparency and skincare education
  • A calm interface that reflects the idea of self-care

This concept helped us design a skincare platform that feels more like a personal skincare guide than a traditional online store.

2. Researching the skincare industry

Before designing the interface, our team looked at how modern skincare brands present products online and how users typically discover routines.

We noticed that many skincare websites still rely heavily on product catalogs. Users often have to figure out their skin needs on their own. For new customers, this can feel confusing.

This research helped us shape Aura around three principles:

  • Guidance instead of overwhelming choices
  • Education through ingredients and routines
  • Personalization through AI-driven analysis

These ideas became the foundation for the user journey.

3. Building the user journey

After defining the concept, we mapped the entire user experience. The journey begins with diagnosis and gradually moves toward product discovery and purchase.

The main flow includes:

  • AI skin scan and onboarding
  • Skin analysis results with a score and insights
  • Personalized product suggestions
  • Detailed product pages with ingredient explanations
  • A smooth checkout experience

By structuring the journey this way, users feel guided through the experience rather than pushed toward buying products.

4. Wireframing the experience

With the journey defined, the next step was building wireframes. These early layouts helped us structure the interface and prioritize the most important information.

We focused on three key areas of the product:

  • The AI skin diagnosis interface
  • The product discovery experience
  • The product detail pages

This stage helped us balance visual storytelling with usability before moving into the full UI design.

5. Designing the visual identity

Aura’s visual design was inspired by modern beauty editorials and wellness brands. We wanted the interface to feel clean, calming, and premium without becoming overly decorative.

According to the design presentation, the Aura logotype reflects a brand identity that feels soft yet confident, combining minimal design with a sense of luxury. 

The visual system includes:

  • Serif typography for a refined, editorial look
  • Sans-serif text for readability
  • Soft contrast and minimal layouts

The main color palette features purple accents supported by black, gray, and white tones, creating a balance between elegance and clarity. 

6. Designing the AI skin diagnosis experience

One of the most important parts of Aura is the AI face scan feature. This experience allows users to quickly understand the condition of their skin and receive personalized insights.

After scanning their face, users receive metrics related to their skin health, including:

  • Radiance and moisture levels
  • Oiliness and acne indicators
  • Wrinkles and skin texture
  • Pores and dark circles

The system also generates a skin score that summarizes overall skin health and provides recommendations. The AI analysis gives users immediate feedback and removes guesswork from the skincare journey. 

7. Designing the product and e-commerce experience

Once users understand their skin condition, the platform guides them toward suitable products.

Product pages are designed to provide clarity and trust. Instead of showing only marketing content, the interface highlights:

  • Ingredient transparency
  • Usage instructions
  • Reviews and testimonials
  • Routine suggestions

For example, ingredient sections explain the role of compounds like Centella Asiatica extract, panthenol, and sodium hyaluronate, helping users understand how products support hydration and skin repair. 

This approach transforms the product page into a learning experience, not just a product listing.

8. Preparing the final presentation

Once the interface was complete, we created a full design presentation to showcase the project.

The presentation included:

  • The concept behind Aura
  • The AI diagnosis flow
  • Key product screens
  • Desktop and mobile layouts
  • Motion previews of the user journey

This helped communicate not only how the design looks but also how the experience works.

9. Publishing the project on design platforms

After finalizing the visuals, we published the project on major design platforms. Short highlights and UI previews were shared on Dribbble, while the full case study was published on Behance.

Dribbble allowed us to present the most visually engaging parts of the project, while Behance helped us explain the design process and product thinking in more detail.

10. Recognition and features

The Aura concept project quickly gained attention in the design community. The work helped six2eight get featured in Dribbble Select under the Web Design Company category.

The project was also included in an article highlighting some of the best Dribbble shots of the year, recognizing the design quality, storytelling, and innovative use of AI in the skincare experience.

For our team, Aura became an important exploration of how thoughtful UX design and emerging technology can transform everyday digital experiences.

Final words

Aura started as an R&D exploration to imagine how the future of skincare experiences could look online. By combining AI-driven insights with thoughtful UI and a calm, editorial design language, we aimed to create a journey that feels personal, clear, and intuitive from the first interaction to checkout.

Projects like this allow our team at six2eight to experiment, learn, and push the boundaries of modern web design. The recognition on Dribbble Select was a meaningful milestone, but more importantly, Aura represents our ongoing commitment to designing experiences that are both beautiful and purposeful.

Share this post