← BACK TO PROJECTS
CASE STUDY

FinAIx - Finance App Landing Page

A landing page concept for a finance tracking app, designed to make budgeting, spending insights, and money management feel simple, modern, and easy to trust.

PROJECT DETAILS
DURATION
1 MONTH
TOOLS
FIGMAPROTOTYPEWIREFRAMESUI RESEARCHUI DESIGN
CONCEPT PROJECT
FinAIx - Finance App Landing Page
THE CHALLENGE

Making Finance Feel Simple

The main challenge was turning financial data into an experience that felt easy to understand, visually engaging, and trustworthy. The landing page had to communicate practical app features while avoiding the rigid tone of traditional banking platforms.

THE SOLUTION

A Clear, Youth-Focused Landing Page

The website was designed around bold typography, vibrant gradients, simple messaging, and structured content sections. The final direction presents FinAIx as a finance companion with personality: practical enough to build trust, but energetic enough to feel native to Gen Z digital culture.

PROCESS 01

Research & Definition

  1. 01Researched Gen Z finance habits and product expectations.
  2. 02Defined the landing page structure and conversion goals.
  3. 03Mapped core app benefits into clear content sections.
  4. 04Explored visual directions inspired by fintech, social apps, and modern dashboards.
  5. 05Designed wireframes to test hierarchy and page flow.
  6. 06Created high-fidelity UI screens and responsive visual assets.
  7. 07Refined messaging, contrast, spacing, and calls to action.
FinAIx - Finance App Landing Page — research and discovery process
COLOR SYSTEM
Vault Black
Ledger Violet
Pulse Pink
Signal Blue
Mint Cyan
Cloud Paper
TYPOGRAPHY SELECTION
Sora

Primary Display: Semi-Bold, Clear, Structural.

Inter

Secondary Body: Clean, legible, and mathematically precise for technical data and dense layouts.

FinAIx - Finance App Landing Page — design mockup 1 of 2
FinAIx - Finance App Landing Page — design mockup 2 of 2
PROCESS 02

Iteration & Refinement

Wireframing

The page structure was tested through quick wireframes to define the strongest order for hero content, feature explanations, and calls to action.

Closer to an App Than a Bank

Once the order held, I pushed the type and the gradients toward social apps and away from banking, then checked the result on product mockups.

FinAIx - Finance App Landing Page — iteration and refinement
FINAL DELIVERABLES
Landing Page Design
Product UI Direction
Visual Identity Assets
Responsive Sections
VIEW FULL PORTFOLIO

OTHER CASE STUDIES

VIEW ALL
Ascensi HR - Website Redesign — case study
WEB DESIGN

Ascensi HR - Website Redesign

→
VirtuMeet - VR App — case study
WEB DESIGN

VirtuMeet - VR App

→
Eleleth - Editorial System — case study
PERSONAL PROJECT

Eleleth - Editorial System

→