← All work
HD* Human Design DoingWeb · 2024

UI for the landing of Happy Talks, HD*’s conference brand. The job: sell something intangible, a talk, in a crowded market. The page presents it like a festival lineup, with speakers, proof and one clear request.

UI designLanding pageAiPs
Role
UI design
Client
HD* (in-house)
Timeline
2 weeks · 2024
Result
Approved first round · still live
Visit the live site ↗
hd.company/happy-talksAuto-scrolling · hover to take over
The full Happy Talks landing page, top to bottom
  1. 01HeroThe type breaks around a stock mic photo: the brand becomes the stage.
  2. 02Talk familiesThree kinds of talks, numbered like a festival lineup.
  3. 03StoryCondensed neon type over dark photography: the backstage mood.
  4. 04SpeakersPortraits in soft capsules with color washes. Human, not corporate.
  5. 05ProofHD*’s attendee count as a giant number, before any pitch.
  6. 06BrandsClient logos in a quiet grid: social proof without noise.
  7. 07EventsA tilted photo strip and a hand-drawn line add movement.
  8. 08TopicsStickers carry the topics, so the system scales to any talk.
  9. 09RequestOne goal: ask for a conference on WhatsApp.
01 · Challenge

Make the intangiblefeel tangible

Happy Talks sells conferences to companies: talks meant to provoke reflection and change inside teams. Hard to show, and easy to confuse with any other speaker agency.

Intangible

Communicate an intangible offer, conferences, in a tangible and appealing way.

Crowded

Stand out in a competitive market for organizational development services.

The brief: present the speakers and generate leads, with a structure that is quick to scan and ends in one action.

02 · The system

Less brochure,more backstage pass

A dark stage with vibrant color for energy, photography and illustration to keep it human, and stickers that carry the topics, so a new talk fits without redesigning the page.

The landing’s real topic stickers. Go ahead, throw them.

Stage black
Mint
Purple
Yellow
Blue
Pink
03 · Section by section

Nine sections,one goal

From first impact to the request. Drag to explore, click to open.

Hero section of the Happy Talks landing page
01 · Hero
Talk families section of the Happy Talks landing page
02 · Talk families
Story section of the Happy Talks landing page
03 · Story
Speakers section of the Happy Talks landing page
04 · Speakers
Proof section of the Happy Talks landing page
05 · Proof
Brands section of the Happy Talks landing page
06 · Brands
Events section of the Happy Talks landing page
07 · Events
Topics section of the Happy Talks landing page
08 · Topics
Request section of the Happy Talks landing page
09 · Request
04 · Mobile

Built forthe thumb

The same energy in a single column, with the request always one tap away.

Happy Talks on a phone: story and speakers sections
Story & speakers
Happy Talks on a phone: events, topics and request
Topics & request
1st round

The design was approved at the first presentation.

Live

Still online at happy-talks.com, two years after launch.

2 weeks

From the brief to the full desktop and mobile UI.

Approved at the first round.