Cosmetics Micro Shop

Case Study

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 and do not represent the entire completed project.
In the ever-evolving landscape of digital commerce, a renowned cosmetics brand looking to make its foray into the world of e-commerce wanted a scalable, mobile-first shopping experience powered by Shopify. How do you make e-commerce feel like a natural extension of social media content?

design process

The primary objective was clear: design and deliver a captivating e-commerce microsite that not only showcased the brand's products in a fresh way but also considered social media influenced user shopping patterns.

COMPETITIVE Research

Frequent discussions with the client defined aspirations and expectations in aligning e-commerce goals with social media strategy. By examining e-commerce patterns in the cosmetics industry and observing how leading players facilitate shopping experiences on platforms like TikTok and Instagram, a strategic direction was recommended.

Product Flow

A product flow was designed to consider the various entry points from social media that a user would arrive from. Focusing on video-first platforms ensured that the experience was tied to the client's video content with consideration for paths arriving from static content like advertisements, text-posts, and gallery image post.

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 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

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.