Portfolio concept project No real purchases are processed

ADAPTIVE TASK LIGHTING

Focus light, refined.

Luma One is a fictional smart task light designed for focused work, reading, and creative spaces. Adjust the finish, explore the product, and interact with this front-end e-commerce concept.

Adjustable light USB-C powered Touch controls
Concept price $149
Finish: Sand
1

Demonstration interface only. No payment or order information is collected.

LUMA ONE
01

Minimal form. Purposeful light.

DESIGNED AROUND YOUR DESK

Less distraction. More focus.

01

Adaptive brightness

Move between soft ambient illumination and focused task lighting with simple touch controls.

02

Adjustable positioning

A multi-joint arm concept allows the light to move with the workspace instead of competing with it.

03

USB-C simplicity

A modern power concept keeps the product compatible with the charging standard already used across many workspaces.

04

Three finishes

Sand, Graphite, and Sage demonstrate interactive product variation without reloading the page.

PRODUCT EXPERIENCE

Built as an interactive storefront.

This concept moves beyond a static landing page. JavaScript manages product variation, quantity, cart state, mobile navigation, and expandable product information.

Explore specifications
3 Interactive finishes
4 Feature categories
100% Front-end concept

PRODUCT DETAILS

Concept specifications

Lighting Adjustable warm-to-neutral task light
Controls Touch brightness control
Power USB-C concept connection
Adjustment Multi-joint positioning
Finishes Sand, Graphite, Sage
Project type Fictional e-commerce interface

BEHIND THE EXPERIENCE

Designed and developed without a framework.

HTML5

Semantic product structure and accessible interactive controls.

CSS3

Responsive layouts, product illustration, states, transitions, and visual system.

JavaScript

Product state, finish selection, quantity, demo cart, menu, and FAQ interactions.

PROJECT FAQ

About this concept

No. Luma One is a fictional product created specifically to demonstrate front-end product landing page and e-commerce interface skills.

No. The cart is a JavaScript demonstration that updates interface state only. No financial or personal information is collected.

The project demonstrates responsive web design, DOM manipulation, state management, accessible controls, event handling, interface feedback, and e-commerce UX.

FRONT-END PROJECT

Product design, made interactive.

Explore the source code and development documentation for this portfolio project.

View Source on GitHub