Helmade

Product customization driven by WebGL.

Lifestyle image of the Helmade Helmet Product Line.

German helmet maker Helmade believes that a white helmet is a missed opportunity. So when we built their e-commerce site, we gave their customers complete design freedom.

Background

My work covered concept development, art direction, video post-production, and visual design. The e-commerce site we designed for them was built with WebGL and Magento technologies to get the photorealism and product configuration we needed to work on any device.

Whether consumers are shopping for motorsport, motorbikes, or scooter helmets, customers start with a white helmet and the rest is up to them. Paint, trim, finish, visor, and other options are beautifully rendered in real-time via 3D modeling.

Integrations

Sketch of all integration points for this project.

Development

3D Product modelling process from wireframes to live 3D models

Homescreen Design

Image of the visual design of the homepage

Visual design of homepage

Product configurator Design

Image of the visual design of the product configurator

Visual design of product configurator

An overview of the responsive web design solution.

Experience the site at: www.helmade.com

Contributions

  • Research

  • Concept Development

  • UX Definition

  • Design Direction

  • Product Roadmap

  • Deck Development

  • Collaboration with Engineering

  • Product Development

Team Structure

  • Role: Design Lead

  • Supportive Roles:

    • Lead Producer

    • Visual Designer

    • Creative Tech

    • Client Partner

  • Agency: Demodern

Previous
Previous

Lincoln

Next
Next

Nike