Powering a Decentralized Hydrogen Future

HYDGEN is a green hydrogen technology company specializing in decentralized hydrogen production solutions. Their proprietary Anion Exchange Membrane (AEM) and Proton Exchange Membrane (PEM) electrolyzers enable industries to generate high-purity hydrogen (99.9999%) on-site, reducing reliance on volatile supply chains and lowering operational costs. These systems are modular, scalable, and designed for integration with renewable energy sources, offering efficiencies between 75% and 85%. HYDGEN's innovations utilize iridium- and platinum-free catalysts, making their solutions cost-competitive and accessible for small to mid-sized industries
Engagement
2 months
Tools
Figma
Webflow
Adobe Photoshop
Adobe Illustrator
Adobe AfterEffects
What we did
Website Redesign
Website Development
Deliverables
Website Design and Development
HYDGEN Webpage Laptop mockup
Problem
Business Challenge: HYDGEN’s previous website featured a dense, text-heavy layout that made it difficult for users to quickly understand its offering. While rich in technical content, it lacked clear structure, visual hierarchy, and storytelling elements to guide user attention effectively.

Customer Impact: Industrial decision-makers exploring hydrogen solutions found it challenging to navigate the information and grasp the unique value HYDGEN provides, especially around its products, technology, and impact.

UX Gap: A redesign was needed to simplify the interface, improve navigation, visually highlight key product details and benefits, and incorporate storytelling and credibility markers ultimately creating a more intuitive and engaging user experience.
Hydgen products display mockup
Hydgen brand elements and 3D model usage mockup and explainationHydgen brand elements and 3D model usage mockup and explaination
Hydgen electrolyzers webpage laptop mockup
Hydgen homepage tablet mockup
Process
We started off with gathering information from the stakeholders in order to get an understanding of what they want, followed by listing down key pointers and including various possible elements to reflect the same. The initial sketches in the ideation phase led us to various options based on different concepts which were then discussed and edited based on feedback.
Solution
The redesigned HYDGEN website introduced a refined and purpose-driven visual identity that better aligns with its role as an innovator in green hydrogen technology. Moving away from generic corporate styling, the new interface uses cool, clean tones, AI-generated visuals, and subtle animations to create a sense of trust, precision, and forward-thinking energy.
Overall Hydgen website screens collage mockup
"Battery health dashboard: intuitive, material value, health stats

Batteryze

View project

Creating a circular EV Battery economy

Khalsi Reforestation app UI: fundraising progress, investor engagement

CliMates

View project

Crowdsourcing for climate adaptation

Eco branding: white circular logo, vibrant green leaf textures

Clean indoors of the future

Leap Club app: women leadership, sleek dark mode, typography

Leap Club

View project

Reimagining networking for women

Omo Bikes marketing: stylish design, durable product highlights

Omo Bikes

View project

Growing biking culture for a sustainable living

India's Startup Story pitch deck: vibrant purple, engaging design

Accel+ Multiple Organisations

View project

Fundraising for A-star ventures

Ribbit Network site: innovative GHG tracking, education partnerships

Ribbit Network

View project

Improving open-source climate-observability

Let’s talk

Nothing great is built alone.

Let’s connect about your vision, our work and how we can collaborate.
Get in touch