Brand & Identity
UI / UX
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.
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.
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.
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.
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.