Skip to content
← All 100 websites
Renewable Energy/Monochrome/New build

Otraina

A technical site that made a clean-energy story legible to investors.

Otraina — Otraina website hero design (Renewable Energy)

The challenge

An aging website for Otraina buried a strong offering under slow pages, unclear navigation and a brand story that never quite landed online. The priority was to make the work unmistakable in the first scroll and effortless to act on.

The design solution

Layout

A strict value study in black, white and grey with red as the sole signal.

Typography

A single family used across weights to carry the whole hierarchy.

Colour

Grayscale with red reserved for interaction only.

Motion

High-contrast wipes and crisp reveals.

Features built

  • Responsive design
  • Scroll storytelling
  • Design system
  • Membership portal
  • Accessibility (WCAG AA)
  • Performance optimisation

Verified results

  • ·

  • ·

Client quote

“Search rankings climbed within weeks of launch — the speed work paid for itself.”

Lina Haddad · Creative Director, Otraina