Request a Quote

Our Portfolio

Every project in our web development portfolio is a website, store or tool we built for a client. Filter by industry, tools, job type or category, then open a project to see what the client needed, what we built and the results.

Mental Health Association Website: Homepage Rebuilt from a Figma Design

Mental Health Association Website: Homepage Rebuilt from a Figma Design

Visit Live Site
  • WordPress
  • JavaScript
  • Figma
  • Hosting and Domain
  • Divi
  • Yoast SEO

This Danish association supports people in psychiatry, and its old homepage made it hard to see how to give or how to ask for help. We rebuilt it from the Figma design, section by section.

Before and After, Side by Side

The old homepage, on the left, opened on a photo slider, a long block of text, a video and a grid of stories, under two rows of menus. The new one is on the right.

Mental Health Association Website: Homepage Rebuilt from a Figma Design: Before and After, Side by Side

Two Clear Paths on Top

The new homepage leads with two clear paths: see what the association does, or support its work. We checked every section against the Figma frame on desktop and phone, and rebuilt to the new version when the designer reworked the file.

0:00 / 0:00

How to Apply, in Plain Words

The Søg om støtte page explains how to apply for activity funding, with a guide and the papers to download, a short video and the rules in plain words.

0:00 / 0:00

26 Sections Saved for Reuse

Every section is a native builder block with the brand colors set as globals, and all 26 are saved to the library, so new pages are built from parts that already match.

Results

  • Clear paths to donate or apply for support
  • A homepage that follows the designer's Figma file
  • 26 sections saved for future pages