Energy’s networknow has a siteto match.

Dynamo Energy Hub brings startups, investors and corporations together to speed up the energy transition. We drew every page as a wireframe, designed the site and built it in WordPress, so each of those groups finds its own way in.

Talk about your websiteTake the site apart
Client
Dynamo Energy Hub
They run
A global network for the energy sector
We built
WordPress
The new Dynamo Energy Hub homepage: the headline ‘The leading network accelerating the global energy transition’ over aerial film of Martha’s Vineyard.
A line drawing of the new Dynamo Energy Hub homepage layout gives way to a screenshot of the finished page.

Before

A design that didn’t speak to the audience.

Startups, investors and corporations. Summits on two continents. Reports, a podcast and a member portal. The homepage we inherited gave them all the same few paragraphs and a run of long quotes.

  1. The network was invisible.

    Four long quotes and a lot of stock photos. Not one member, startup or investor was shown, so visitors couldn’t see who they’d meet.

    Fixed in our solution

  2. No clear way to join.

    The page ended on LinkedIn, Twitter and a street address. No form and no join button, so interested members had to work out how to get in touch.

    Fixed in our solution

  3. Events were just a tile.

    Summits and member events got one blue box labelled Networking Events. No dates, no places, nothing to book.

    Fixed in our solution

How it’s structured

How we did it, layer by layer.

Like the grid Dynamo’s members are rebuilding, the site is built in layers. Watch it come apart and see what each layer does. Skip ahead whenever you like, or drag the drawing to turn it.

Content, kept in WordPress.

This is where Dynamo’s team works. Members, events, reports and people all live here. Edit a page, press Publish, done.

  • Members, events, news, the team and the advisory board each have their own place.
  • Add a member and their logo joins the directory. No designer needed.
  • Editors use normal WordPress screens. No code needed.

Structure, filled in once.

Every member, event and report has the same set of fields, a bit like a form. The site reuses them everywhere.

  • Each member is tagged as a corporation, an investor or an innovator.
  • Each event has a date, a city and a type: Dynamo’s own, or hosted by a member.
  • Once an event’s date has passed, it moves to the archive by itself.

The templates, built as a custom theme.

We built a WordPress theme just for Dynamo, from our wireframes and design. Each page is made from the same set of parts.

  • Parts like the hero film, the figures row, the logo grid and the event cards.
  • One template serves every event. Another serves every report.
  • “Inquire about membership” sits in the header, and an enquiry form ends every page.

Delivery: quick on any screen.

Before a page reaches you, the heavy parts are made lighter.

  • The hero film is a short, muted MP4 loop, with a still image while it loads.
  • Each photo is saved as WebP in several widths, from 400 to 2,400 pixels. Phones get small files.
  • Photos further down the page load only when you scroll to them.
  • Pages are cached, so they arrive ready-made.

The finished page.

All four layers, pressed flat into one page. This is the new Dynamo homepage, captured in October 2026.

  • What visitors see is simple. The layers underneath keep it that way.
  • Every page on the site is built the same way, from the same parts.

See three of the pages

Highlights

Some of our favourite bits.

Three parts of the Dynamo site we especially enjoyed building.

  • The new Dynamo homepage, with its headline over aerial film of Martha’s Vineyard.

    Homepage

    One clear line about Dynamo, then the members, figures and events to back it up.

  • The Dynamo network directory: a grid of member logos with filters for corporations, investors and innovators.

    Network directory

    Every member in one grid. One tap shows just the investors, or just the startups.

  • An event page for Courage to Collaborate in Stavanger, with the date, time, place and a Register your interest button.

    Event page

    One template for every summit, dinner and member event, with the date, time and place up front.

Your turn

Start your website. Then make it grow.

Start here

Your new website

Tell us who your site is for and what you want them to do. We’ll plan the site with you, build it, and help it grow once it’s live.

Start your project
Web designWireframes first, then a design that fits your audiences.Website developmentFast, easy-to-edit builds on the right platform.Hosting & careKeep the site fast, safe and up to date.

Credits. Wireframes, design and build by Coullweb. Photos, logos and content belong to Dynamo Energy Hub and its members.

FAQ

Questions about this build.

Thinking about something similar? These are the questions we hear most.

A wireframe is a plain drawing of a page. It lets everyone agree what goes where before any design or code. For Dynamo we drew every page type first, and drew two versions where a page could go more than one way.

Dynamo’s team adds members, events and reports all the time. WordPress gives them simple screens for that. Our custom theme puts each item in the right place on the site, so nobody needs a designer to publish.

Yes. The site links to Dynamo’s member portal, and enquiry forms can send straight to a CRM. We can connect most of the tools your team already uses.

Yes. Book a call and tell us about your members and your events. We’ll suggest a set-up and send a short plan with a fixed price. See web design for how we work.

Next case study

Optima.

A glass partition maker’s website, designed and built by Coullweb with Nuxt and WordPress.

Read the Optima story
The Optima homepage: the headline ‘Make exceptional happen.’ beside a curved photo of a glass-walled office.
All our work Our services

Start here

Got a network to connect?Let’s wire up your site.

Talk about your website

Or email hello@coullweb.com

  1. Tell us about your site

    A short form. It takes about two minutes.

  2. We book a 30-minute call

    We listen, look at your site together and answer your questions.

  3. You get a plan and a price

    A short written plan with a fixed price. No pressure to go ahead.