h

i

f

g

Drag

Open

Close

Play

Pause

Scroll

Empty

Green Enesys

A renewable energy developer transforming the global energy landscape. From photovoltaics & battery storage to pioneering green hydrogen and e-methanol solutions, they provide the technical expertise needed to accelerate our transition to a cleaner, and more sustainable planet.

Date

November 2024

Client

Green Enesys

Deliverables

User Interface,

Front-End,

Back-End,

Interactive Experience,

Creative Direction,

Project Management,

Hosting

Tools

Figma

Intro

This project is about translation — turning an abstract subject into something you can feel on screen. Green Enesys needed a system that could hold complexity without looking complicated, then carry it consistently across every chapter of their site.

Energy

This one theme shaped every decision throughout this project. Energy is rarely visible in everyday life, so I explored ways to make that invisible force visible on screen, not as decoration, but as a language. Two concepts made it into the final build: one fluid & atmospheric, one systemic & structural.

Fluid atmosphere

The first concept uses breathing gradients as a translation of flow — structured enough to feel intentional, irregular enough to feel real. It stands for continuous transformation & circulation, an ever-adjusting field that mirrors the mesmerising nature of energy. As a motif, it reflects the business itself: flexible & dynamic.

Systemic structure

The second concept uses fine lines with blocks that travel along them like energy moving through the grid. It stands for coordination across distance, partners meeting at the right junctions, and the quiet choreography that keeps modern life powered. It is the systemic counterpart to the gradients: clear, organised & stable — just like infrastructure you can trust.

Solutions

Each solution uses a circular gradient, recoloured to a signature hue to make offers instantly distinguishable, but still part of the same design language. The aim is a coherent family of pages that stays recognisable across technologies.

Orientation

Subtle floating motion keeps the compositions feeling light, signalling calm confidence & control. The icons work as a compact tagging layer for quick orientation, so visitors can take in an overview before moving into the full story.

Expertise

When the subject matter is complex, credibility comes from clarity, not volume. An editorial layout gives this page room to breathe. Each section pairs narrative with clear, scannable commitments, so the whole experience feels grounded & trustworthy.

About

The About chapter is built as a long-form editorial piece, separated into clear modules, and held together by a minimal grid. Portraits & office imagery introduce warmth alongside clarity, to make the page feel calm, not loud.

next

next

next

next

next

next

next

next