Douglas Smallwood·
Selected work
AU Gold Skin / Ecommerce / UI Design

AU Gold Skin: Designing a Premium Shopping Experience

RoleUser Interface Designer

ToolsFigma, Adobe Photoshop

Impacting AreasEcommerce, Conversion Rate Optimization, Brand-Driven Component Design, Checkout Experience, Beauty

AU Gold Skin mobile interface designs
01

Project Overview

AU Gold Skin, a luxury skincare brand, needed a visual experience that matched its premium positioning while converting casual visitors into loyal customers. Reported business revenue exceeded $100K. My contribution focused on the brand’s interface design, product presentation, and mobile shopping experience.

02

The Problem

AU Gold Skin had strong products but an underwhelming digital storefront. The previous site lacked polish, hierarchy, and mobile responsiveness, creating friction in the purchase journey.

Key issues included:

  • Visually inconsistent layout that didn’t reflect a luxury feel
  • Weak product pages with low conversion on mobile
  • No unified component system across desktop and mobile
03

Design Goals

  • Reflect a luxury skincare aesthetic through UI
  • Simplify product discovery and purchasing
  • Build trust and perceived value through elegant presentation
  • Increase mobile engagement and ease of use
04

UI Design Process

User Journey

For this step of ideation, I wanted to use ideas from experienced services to build a direct community of trusted products. I was able to design a user flow for the onboarding process and a site map that details the features that would exist with the app.

Brand Guide

05

LoFi Wires

06

HiFi Wires

07

Reflection

This project reminded me how UI directly shapes perception—and how small details (type, image scale, mobile layout) can elevate trust. Working with the brand’s marketing team also deepened my understanding of visual storytelling in commerce.

08

What I’d do differently next time

  • Introduce motion-based product hovers or loading animations
  • A/B test variations pre-launch
  • Push for integrated storytelling on product pages (e.g., ingredient highlights)
Up nextBeasy