The final experience brings Alloy Beauty’s identity, product discovery, and e-commerce
journey into one cohesive system. A stronger visual language, clearer shopping paths,
responsive layouts, and streamlined checkout create an experience designed to support
both brand engagement and conversion.
Outcomes & Impact
Core screens were designed to create a seamless journey from brand discovery to
purchase. Editorial storytelling, product exploration, detailed shopping experiences,
and a streamlined checkout flow work together to help customers move naturally from
browsing the collection to completing an order.
Key Screens
Mobile Experience
The mobile experience translates Alloy Beauty’s editorial identity into a focused,
scroll-friendly shopping journey. Content, product discovery, and checkout interactions
adapt to smaller screens while preserving the typography, imagery, hierarchy, and visual
character established across the desktop experience.
Core screens were designed to create a seamless journey from brand discovery to
purchase. Editorial storytelling, product exploration, detailed shopping experiences,
and a streamlined checkout flow work together to help customers move naturally
from browsing the collection to completing an order.
Component System
The typography system pairs expressive editorial styling with clear, functional
hierarchy. High-contrast headings give the brand its fashion-forward personality,
while structured supporting text keeps product information, navigation, and
transactional content easy to scan throughout the shopping experience.
Typography & Paragraph System
The visual direction blends editorial beauty with a modern, expressive edge. A
predominantly neutral foundation keeps the experience refined and product-
focused, while electric yellow and softer tonal accents introduce energy, contrast,
and a distinctive visual signature across the brand.
Brand Direction
Beauty shoppers are highly visual and often make decisions through a combination
of product presentation, brand identity, and clear information. The experience needed
to help customers quickly understand the collection, explore products with confidence,
and move toward purchase without interrupting the sense of discovery that makes beauty
shopping engaging.
User Mindset
Alloy Beauty needed an e-commerce experience that could establish a distinctive
beauty identity while keeping product discovery and purchasing simple. The challenge
was balancing expressive editorial storytelling with the functional demands of online
shopping, creating a cohesive journey from brand discovery and product exploration through
checkout.
The Challenge
Alloy Beauty demonstrates how a distinctive brand identity can extend through every stage
of an e-commerce experience without compromising usability. The project reinforced the
importance of treating storytelling, product discovery, responsive behavior, and checkout
as parts of one connected customer journey.
Reflection & Next Steps
Thanks for reading!