Shopify E-commerce Website Design for LGXLENS Eyewear
Ashar Qasmani
Shopify e-commerce website design and brand experience for LGXLENS eyewear.
Project overview
LGXLENS is an eyewear e-commerce project focused on making online frame selection feel clearer and more approachable. The website brings together on-face product photography, lens information, and fit guidance to help shoppers explore the collection. The visual direction combines editorial typography, soft neutral backgrounds, and lime accents.
LGXLENS project overview, team responsibilities, and design tools, including Figma and Shopify Custom Liquid.
Project scope
Our team worked across desktop and mobile UI, supporting brand visuals, and Shopify customization. The core website pages were the homepage and The Lab. The scope connected product discovery, brand storytelling, lens education, and fit-quiz entry points through a consistent visual system.
Making online eyewear selection more approachable through frame imagery, lens information, and fit guidance.
Design approach connecting content structure, visual direction, product presentation, and mobile layouts.
Design approach
The design pairs on-face eyewear photography with clear frame names, prices, and product details to make browsing easier to understand. Shopping and fit-quiz entry points provide different ways to explore the collection. The Lab brings the brand story, lens options, and ordering information together, while mobile layouts carry the same content hierarchy and visual direction onto smaller screens.
LGXLENS visual system featuring Georgia and Arial typography with cream, lime, olive, and sage colors.
Complete desktop homepage design connecting eyewear discovery, fit guidance, and brand storytelling.
Desktop homepage hero with eyewear imagery and clear shopping and fit-quiz entry points.
Eyewear product grid pairing on-face photography with frame names, prices, and product details.
Homepage section introducing fit guidance as another route into the eyewear collection.
Mobile homepage layouts for brand introduction, frame browsing, and fit-quiz discovery.
Mobile layouts presenting the ordering process, lens options, and editorial content.
Complete desktop design for The Lab, covering the brand story, lens options, and proposed ordering journey.
The Lab page introduction combining brand storytelling, product imagery, and a fit-quiz call to action.
Lens-option presentation for blue-light, polarized sun, and Transitions lenses.
Four-step visual explanation of the proposed journey from fit guidance to frame selection and delivery.
Mobile layouts for The Lab’s introduction, lens information, and ordering-process content.
Mobile editorial sections carrying LGXLENS product imagery and brand storytelling through the page.
LGXLENS product-card and billboard mockups applying the storefront’s visual identity.
Social media design concepts using LGXLENS eyewear imagery, typography, and brand colors.
Device and print mockups demonstrating the LGXLENS identity across digital and physical applications.
Promotional design concepts combining eyewear imagery, editorial typography, and consistent brand styling.
Final deliverables
The final deliverables included desktop designs for the homepage and The Lab, mobile adaptations, and a shared visual system covering typography, color, and product presentation. Supporting brand applications included social media concepts, promotional graphics, and device and print mockups, showing how the LGXLENS identity could extend beyond the storefront.
Project deliverables covering desktop pages, mobile adaptations, a shared visual system, and supporting brand mockups.
Like this project
Posted Oct 29, 2026
Designed LGXLENS eyewear e-commerce experience with responsive UI/UX, brand visuals, fit guidance, and custom Shopify development for desktop and mobile.
