CASE STUDY
-
MARKETING
SEO Marketing
Landing Page
ROLE
UX/UI Designer
TOOLS
Figma
01 - OVERVIEW
Data-backed SEO,
performance-focused design
A results-driven SEO marketing landing page designed to help businesses boost visibility, increase organic traffic and convert visitors into customers - through data-backed strategies, optimized content and performance-focused design.
The goal was to design a landing page that feels as modern and credible as the growth strategies it promotes - a page that communicates expertise the moment a visitor lands.
02 - DESIGN PILLARS
Three principles,
one visual language
01
Growth & Innovation
A fresh green gradient background signals growth, forward-thinking and innovation - perfectly aligned with an SEO and digital marketing brand that helps businesses scale
02
Polished SaaS Aesthetic
Minimalist navigation, rounded buttons, soft shadows and clean grid layouts give the site the polished look of a credible SaaS product - building immediate trust with potential clients
03
Clarity First
Green and white palette conveys trust, clarity and energy. High-contrast typography ensures the value proposition lands immediately - without cognitive load or visual clutter
03 - VISUAL DESIGN
Green, white,
clean SaaS look
The design follows a modern, dual-theme UI aesthetic (light and dark mode) with a strong focus on usability and visual consistency. The light mode uses a clean white base with fresh green gradient accents, creating a bright, airy, and growth-oriented feel that enhances clarity and readability. In contrast, the dark mode shifts to a deep, muted background that reduces eye strain while maintaining the same green accent system for continuity and brand identity. Together, both modes create a balanced professional SaaS-style interface that feels modern, accessible, and visually cohesive across different viewing preferences.
COLOR SYSTEM
Primary
Accent
TYPOGRAPHY SYSTEM
HEADINGS & SUBTITLE
Montserrat
Bold, SemiBold · H1-H3 · Subtitles
64px → 18px scale
BODY, BUTTONS & LABELS
Inter
Regular, SemiBold · Body · CTAs · Nav
56px → 18px scale
05 - SCREENS
UI design
DESKTOP SCREEN (LIGHT MODE)
DESKTOP SCREEN (DARK MODE)
06 - DESIGN RATIONALE
Why this
approach works
"A marketing landing page is itself the product demo. The design must prove the agency's ability to communicate, convert and create - before a single word is read."