Website
GoodMora
A website that makes a complex AI product easy to understand.
- Client
- GoodMora
- Audience
- Decision makers, consultants, private equity firms
- Deliverables
- Landing page, whitepaper page, mobile layouts
- Iterations
- Three rounds of updates, then the final version
Overview
Making an abstract AI product visible.
GoodMora is a strategic decision intelligence platform. It maps an organisation, flags risks and predicts outcomes. Teams test strategies first.
I designed the landing page and whitepaper page for desktop and mobile, through three rounds of updates.
The challenge
Nothing to screenshot.
- 01Company data and simulations are hard to show in a picture.
- 02In one scroll: the promise, how it works, then a demo request.
- 03The page also had to lead to the whitepaper and pilot program.
The approach
One visual idea in every section.
- 01A glowing data sphere and network maps stand in for the product, not fake UI.
- 02A two-tone headline, white with a violet keyword, repeats in every title.
- 03Glass cards on deep navy keep each section easy to scan.
Key screen
The hero, explained.
One promise, one image, one action.
- 1Whitepaper in the nav
The research paper gets its own button.
- 2Two-tone headline
White and violet, repeated in every section title.
- 3One call to action
Request demo is the only button in the hero.
- 4The data sphere
A glowing sphere gives the platform one image.
- 5Glass container
A soft glass panel, the same card style used below.
Page flow
From promise to pilot program.
One story. Each section answers the next question.
- 1See Clearly. Act Decisively.
The hero promise, data sphere and demo request.
- 2See Beyond the surface
The problem: scattered data, little time.
- 3Four benefits
Uncover the Unseen, Faster Results, Test Your Ideas, Execute with Confidence.
- 4Reshape your business
Leadership voice and quotes in glass cards.
- 5Your transformation co-pilot
How the platform maps an organisation, as a network.
- 6Business Genome Technology
A short block that links to how it works.
- 7The 1000 Business Genome Project
The open platform initiative, with its disclaimer.
- 8Join GoodMora Pioneera
The pilot program, who can join, two calls to action.
Visual language
Deep navy, violet light.
Violet is for highlights. Mint and ice blue support the dark ground.
- Night
#0E1018 - Surface
#16171B - Violet
#5F51FF - Electric
#3221FF - Ice
#E0E9FF - Mint
#BDFFB2 - Steel
#848DA4
Typography
Display · light
See Beyond
Inter
Light and Extra Light set the calm tone of the large headlines.
- Extra Light
- Light
- Regular
Emphasis · semi bold
the surface
Inter
Medium and Semi Bold pick out the key word in each headline and carry the body copy.
- Medium
- Semi Bold
Mobile
The same story on a phone.
I laid out every section again for mobile.
Whitepaper
A reading page, same voice.
The whitepaper page reuses the landing page system.
Deliverables
What I delivered.
- Landing page, desktop
- Landing page, mobile
- Whitepaper page
- Three design iterations
- Final desktop and mobile version
Want this kind of clarity for your website?
Book a free 30 minute call. You leave with 3 written fixes, even if we don’t work together.
Nafees ZulfiqarUsually replies within an hour
5.0 from 33 Upwork reviewsTop Rated
