Cosmetics Micro Shop
If you're seeing this, you shouldn't.
Note: This is a case study of work done by Sam Rojas at a consulting firm. It does not depict work produced independently by roji design. The images used here are scrubbed re-creations of designs for concept discussion and do not represent the entire completed project.
Designing e-commerce to feel like a natural extension of social media.
Overview
A legacy cosmetics brand sought to explore a direct-to-consumer e-commerce experience that reflected social media–driven shopping behaviors. Over six weeks, we designed a Shopify concept to showcase to client leadership, balancing brand storytelling with a modern shopping experience.
Market Analysis
To align e-commerce goals with social media strategy, we collaborated closely with the client to understand aspirations and expectations. We analyzed cosmetics industry patterns and studied how leading brands drive shopping on TikTok and Instagram. Observing user behaviors through the brand’s own digital content highlighted opportunities to connect product pages with social storytelling. Trends like “get ready with me” videos inspired a design approach that merged product discovery with social engagement, creating a shopping experience that felt native to modern consumers.
PRODUCT FLOW
Concept
DESIGN Approach
Choosing Shopify as the backend established a strong e-commerce foundation, aligning with the client's other brand sites. Regular consultations with Shopify developers ensured ideas were feasible. Understanding Shopify's constraints, the team designed a microsite experience merging social media and e-commerce.
Users land on a video-focused gallery, blending brand and user content, leading to the product detail page. The gallery mimics social media story UX, allowing users to add products to their cart in under three taps.
Design Process
Design Execution
The mini shop was crafted in Figma, featuring pages for product details, cart, checkout, and legal information. A high-fidelity prototype was developed, interlinking all pages to provide the client with a realistic view of the product, complete with videos, GIFs, and dynamic product content.
Final Outcome
Final Outcome
This work helped define the future of the client's digital presence, a goal achieved through creative sessions with client decision makers and a small team of experience designers led by Sam. The project ultimately transitioned to a development team responsible for implementing the designs into a fully functional e-commerce microsite.
