Web interface
Landing Page UI
- Year
- 2025
- Category
- UI / UX
- Role
- UI design & art direction
- Tools
- Photoshop, Illustrator
01 — Overview
A landing page design focused on a strong first screen, a clear content rhythm and a single, obvious call to action.
- Landing page
- Web design
- UI
02 — The challenge
Make a product feel premium in the first screen while keeping the hierarchy, navigation and call to action obvious.
03 — The solution
A confident hero with product-led imagery, a strict type scale, generous spacing and one accent colour reserved for the actions that matter.
04 — Process
How it was made.
Brand study
Studying the brand's visual language, tone and product to set the design principles.
Structure
Content hierarchy and layout rhythm for the landing flow.
Visual design
Type, colour, imagery and components refined at high fidelity.
Presentation
Device mockups and presentation frames for the case study.
05 — Gallery
1 frameSee the full presentation on Behance.
06 — Palette
Extracted colour.
Clustered from the artwork itself. Each swatch is sized by how much of the image it covers, and the whole site takes on this project's colour while you're here.
