• Lumina: Brand Identity and Web Storefront for a Premium Webcam

  • Lumina: Brand Identity and Web Storefront for a Premium Webcam

  • Lumina: Brand Identity and Web Storefront for a Premium Webcam

Services

CONSUMER HARDWARE, E-COMMERCE

Client

Lumina

Location

US

Year

2023

(1)

Project Overview

Project Overview

Lumina is a premium webcam sold through its own online store. The product already had its form. It still needed a name that could carry it and a storefront that felt as considered as the object. I designed the wordmark, then carried it into a desktop e-commerce site and a mobile web version, so that a visitor feels the same calm, precise product from the first logo to the reserve button.

(2)

Challenge

Challenge

  • Give a new hardware brand a wordmark that holds up on light and dark surfaces.

  • Keep the web pages from competing with the product photography.

  • Make the colour selection and the purchase states clear and quiet.

  • Keep the premium tone on desktop and mobile, with a single path from discovery to reserving.

(3)

What I Did

What I Did

  • I designed the Lumina wordmark and defined its construction, spacing and clearspace on a grid, with a clearspace of 2x.

  • I built a brand system with the finish palette in light and dark versions and applied it to posters.

  • I designed the desktop storefront: features, night mode, Cameraman, colours and the reserve flow, with motion for the technology section (feature callouts).

  • I designed the buy-flow components and their states: the finish selector, quantity stepper with a live total, Buy it now with loading and confirmed states, and the Shop Pay sheet.

  • I adapted the experience to mobile web as one continuous scroll.

  • I presented it in device mockups with Day and Night lighting.

  • Product design, hardware and product photography were not part of my work.

(4)

Result

Result

A complete identity and storefront that carry one calm, precise product from the first logo to checkout.

Delivered a complete brand identity for Lumina: wordmark, construction grid, clearspace and finish palette.

Delivered a desktop and mobile web storefront, from discovery to the reserve and buy flow.

One visual language from the wordmark to checkout, in light and dark.

© Selected Works
(WDX® — 02)
UI/ UX | VISUAL DESIGNER
© Selected Works
UI/ UX | VISUAL DESIGNER
© Selected Works
UI/ UX | VISUAL DESIGNER
  • More Works©

  • More Works©

  • More Works©