ION_Photo_Lab4a.jpg

Ionomr

Ionomr

SECTOR

Clean Energy

 

SERVICES

Brand & Identity

Document Design

Information Architecture

UI / UX

Web Development

Photography

Ionomr is an SFU-birthed startup that manufactures the world’s most advanced ion-exchange membranes — a key enabler of clean hydrogen power, grid-level energy storage and water filtration.

We created an extensive design language and messaging strategies to reach a variety of audiences; foreign governments, VCs, research think-tanks, and universities.

A retro-futurist visual identity, along with cinematic photography, a flexible & focused web experience, and thoughtful value props positioned them as clear leaders in an industry rife with half-baked and ineffective marketing materials.

Ionomr has been awarded a multimillion dollar grant from the Canadian government, and has won the prestigious 2018 Startup Energy Transition prize in Berlin.

 

 

Profile.jpg

The wordmark features a playful substitution of an ionic arrangement for the letter ‘O’, while themes of division of space (through outlines and blocks of solid colour) are consistently applied.


HM_Website_ION_Cards01.jpg
HM_Website_ION_Website01.jpg

We approached the challenge of information density in two ways: leveraging widescreen display ratios to position related elements side-by-side, and maximizing content focus by hiding all extraneous content (logo + navigation) until it was needed.


HM_Website_ION_Website07.jpg
HM_Website_ION_Website08.jpg
HM_Website_ION_Website06.jpg

By employing a modular design, transitioning to tablet and mobile feels natural; elements stack atop each other, and navigation controls shift to the bottom edge, aiding one-handed browsing.


HM_Website_ION_Website09.jpg

We developed a robust visual language to handle dozens of charts, technical diagrams and animated material. These conventions were then further extended to spec sheets, presentation decks and powerpoint templates.