Aether - A Landing Page for Virtual Space Travel
Aether Corp. runs guided virtual trips to the Moon, Mars, Europa, Titan, Mercury and Neptune, departing from Seattle. This Figma to HTML landing page carries that identity end to end. Because every part is hand-built from the Figma file, the art direction reaches the browser intact.
Challenge
Art Direction Leaves Nowhere to Round Down
A landing page with this much personality is unforgiving in translation. There is no template underneath it to absorb small mistakes. Instead, the spacing, the type and the restraint are the product. Also, the moment a design like this includes a form, it collides with browser controls that resist styling.
Approach
Built by Hand, Down to the Dropdown
The page uses plain HTML, CSS and JavaScript, so nothing sits between the design and what ships. Where the browser refused to cooperate, the build replaces the control instead of designing around it. As a result, the booking form still works as a form, even though none of it is native.
Result
A faithful, hand-built landing page, not an approximation of the design.
The Figma to HTML landing page ships as a static site with no framework or CMS behind it. Therefore, Aether stands up as a piece of art direction in the browser, not a reasonable approximation of one. Similar builds sit among the Figma to code projects.
- Increase in traffic
- 27%
- User engagement
- 3x
- Performance score
- 92
- Conversion rate
- 1.5x
