LONE ONES

Designed a responsive luxury e-commerce website for LONE ONES, a jewelry brand founded by Leonard Kamhout.


The project focused on creating a clean shopping experience while preserving the brand's handcrafted identity across desktop, tablet, and mobile.

Client

LONE ONES

Content

Content

Service Provided

UI/UX Design, Responsive Design, Visual Design

Content

Content

01 OVERVIEW


Project Overview


LONE ONES partnered with Remote Mountain to create a responsive e-commerce website that reflects the brand's luxury identity through a clean, editorial-inspired interface.


As the UI/Visual Designer, I designed 14 responsive pages across desktop, tablet, and mobile, focusing on consistency, usability, and scalable layouts.

01 OVERVIEW


Project Overview


LONE ONES partnered with Remote Mountain to create a responsive e-commerce website that reflects the brand's luxury identity through a clean, editorial-inspired interface.


As the UI/Visual Designer, I designed 14 responsive pages across desktop, tablet, and mobile, focusing on consistency, usability, and scalable layouts.

02 BRAND DIRECTION


The visual language was inspired by LONE ONES' handcrafted silver jewelry and gothic aesthetic. A monochromatic palette, oversized typography, and generous spacing were used to communicate luxury while allowing the products to remain the visual focus.

02 BRAND DIRECTION


The visual language was inspired by LONE ONES' handcrafted silver jewelry and gothic aesthetic. A monochromatic palette, oversized typography, and generous spacing were used to communicate luxury while allowing the products to remain the visual focus.

03-06 SELECTED SCREENS


03-06 SELECTED SCREENS


03

Home


The homepage creates a strong first impression through an immersive hero image, bold typography, and minimal navigation. The layout immediately communicates the brand's identity while encouraging users to explore the collection.

03

Home


The homepage creates a strong first impression through an immersive hero image, bold typography, and minimal navigation. The layout immediately communicates the brand's identity while encouraging users to explore the collection.

04

SHOP


The product listing page was designed with a clean grid system that keeps attention on the products. Consistent spacing and hierarchy improve browsing while maintaining the premium aesthetic.

04

SHOP


The product listing page was designed with a clean grid system that keeps attention on the products. Consistent spacing and hierarchy improve browsing while maintaining the premium aesthetic.

05

PRODUCT DETAIL


The product page prioritizes large product imagery and essential purchasing information. Clear visual hierarchy guides users naturally from product exploration to checkout.

05

PRODUCT DETAIL


The product page prioritizes large product imagery and essential purchasing information. Clear visual hierarchy guides users naturally from product exploration to checkout.

Client

LONE ONES


Role

UI / Visual Designer


Timeline

Summer 2026


Tools

Framer


Deliverables

14 Responsive Pages

06

ABOUT


An editorial-inspired layout introducing Leonard Kamhout and the philosophy behind the brand. Large imagery and readable typography create a storytelling experience while preserving the luxury feel.

06

ABOUT


An editorial-inspired layout introducing Leonard Kamhout and the philosophy behind the brand. Large imagery and readable typography create a storytelling experience while preserving the luxury feel.

07

Checkout


A clean checkout flow that organizes shipping information and order summary for a seamless purchasing experience.

07

Checkout


A clean checkout flow that organizes shipping information and order summary for a seamless purchasing experience.

08

RESPONSIVE EXPERIENCE


Every page was redesigned across desktop, tablet, and mobile to ensure a consistent user experience. Layouts were carefully adapted while preserving the brand identity and visual hierarchy across all screen sizes.

08

RESPONSIVE EXPERIENCE


Every page was redesigned across desktop, tablet, and mobile to ensure a consistent user experience. Layouts were carefully adapted while preserving the brand identity and visual hierarchy across all screen sizes.

Desktop

Tablet

Mobile

09

SUPPORTING SCREENS


Beyond the primary shopping experience, I designed a complete set of supporting pages to create a seamless end-to-end e-commerce flow.


The project included authentication, account management, checkout, customer support, and system pages, ensuring users could complete every stage of their shopping journey without leaving the brand ecosystem.

09

SUPPORTING SCREENS


Beyond the primary shopping experience, I designed a complete set of supporting pages to create a seamless end-to-end e-commerce flow.


The project included authentication, account management, checkout, customer support, and system pages, ensuring users could complete every stage of their shopping journey without leaving the brand ecosystem.

10

REFLECTION

10

REFLECTION

Through this project, I strengthened my understanding of designing a complete responsive e-commerce experience from homepage to checkout. Building 14 pages helped me improve my visual consistency, layout systems, and ability to maintain a cohesive user experience across multiple screens.

Bag / Cart

Account

Contact

Locations

Sign Up

Login

404

Forgot Password

Recent Designs

Recent Designs

Recent Designs

thumbnail Image
thumbnail Image
thumbnail Image