Sunglasses company landing page
Visit live siteModern Sunglasses company landing page design and development
Timeline
Oct ~ Nov 2026
Team
Personal
Role
Webflow Development
Skills
CMS, E-Commerce, ScalableDesign
Long story short
Empowers business owners to manage products independently.
KRYO is a fictional high-end sunglasses brand based in Vancouver. I built this as a personal project to explore full e-commerce design and development — from brand identity and visual design to a fully working Webflow store with cart, checkout, and CMS-managed products.
New products can be published directly through the CMS.
No code changes are required for day-to-day content management.
Overview
Problem
Small businesses often rely on developers whenever they need to update products or inventory.
This creates unnecessary maintenance costs and slows down business operations.
Approach
Designed and developed an e-commerce website using Webflow CMS.
The product structure enables clients to add, edit, and organize products without touching the website layout or code.
Rather than building a custom CMS from scratch, I selected Webflow because it provides an intuitive visual CMS, allowing non-technical users to manage products independently while significantly reducing maintenance time.
Contribution
My Contribution
- ✓Transformed a Webflow template into a fully branded storefront
- ✓Designed CMS collections for scalable product management
- ✓Built responsive layouts across devices
- ✓Configured dynamic product pages
- ✓Implemented cart and checkout flow
Visual Identity
Brand & color system
I developed a visual identity that reflects the brand's premium positioning. A dark editorial aesthetic, high-contrast product photography, and restrained white and gold accents were chosen to create a modern, luxury feel while keeping the interface clean and product-focused.
UI Design
Responsive
Most homeowners find contractors on their phone, so the mobile layout came first: full-width photography, thumb-reachable buttons, and a call link in the sticky header.
