Concept · E-commerce
Lumen Skin: E-Commerce Store Concept
An online store concept for a fictional Canadian skincare brand, designed to make browsing, choosing and checking out feel simple and trustworthy.
Project overview
Lumen Skin is a concept e-commerce store we designed for an imagined Canadian skincare brand. It shows how we structure product pages, collections and checkout to reduce friction and build trust for direct-to-consumer brands.
The brief we set ourselves
Design a store where shoppers understand each product in seconds, see the price and key ingredients upfront, and can add to cart from any page, especially on mobile.
Concept project: self-initiated work for a fictional brand, created to show our design and development approach. It is not client work.
At a glance
- Type
- Concept project
- Services
- E-commerce design, web development
- Deliverables
- Collection page, product page, cart flow, mobile store
- Platform
- Designed for WooCommerce
What we designed
The key screens and decisions in the concept.
Collection page
Clean product cards with price, key benefit and add-to-cart.
Product page
Benefit-led copy, ingredients, reviews and a sticky add-to-cart on mobile.
Cart and checkout
Guest checkout and express payments to reduce abandonment.
Mobile-first layout
Thumb-friendly navigation and fast-loading pages.
Product schema
Structured product data ready for Google Shopping and AI search.
Brand system
Soft blush, sage and sand palette with bold product typography.
Our approach
How we developed the concept.
Journey
Mapped how shoppers discover, compare and buy.
Structure
Planned collections, filters and product content.
Design
Designed desktop and mobile store screens.
Optimise
Applied conversion and trust best practices.
Design decisions
- Price and benefit visible on every product card.
- Add to cart available from collection pages.
- Ingredients upfront to answer the top buying question.
- Guest checkout and express payments planned in.
Services used
The Angeles Marketing services behind this project.
Tools
- WooCommerce
- UI design
- Product schema
- Google Merchant Center
Want a store that converts like this?
Call +1 647-739-1798 or email info@angelesmarketing.ca.