UI/UX CASE STUDY
Dream Number – Redesigning the Path to Your Dreams
Deliverables:
Role
ABOUT
Project Overview
Dream Number is a savings platform designed to help users set and achieve their life goals — from weddings and world tours to education and retirement. However, the original website had an outdated design, repeated UI elements, inconsistent buttons, and an overwhelming color palette. As a result, user engagement and traffic were low.
My goal was to redesign the entire platform with a clean, modern, and intuitive interface that provides clarity, encourages goal tracking, and enhances the overall user experience across all devices.
| Industry | FinTech |
| Project | Dream Number |
| Year | 2025 |
🔍 Problems in the Previous Design:
- 🎨 Too many colors made the interface visually noisy and hard to focus.
- 🌀 Repetition of UI elements like buttons and sections created confusion.
- 🧭 Poor navigation and outdated layout made it hard to track progress.
- 📉 Low user retention due to a cluttered and non-motivational experience.
✅ My Redesign Goals:
- Use a clean and modern visual style with a cohesive colour scheme.
- Simplify user flows for dream creation, savings tracking, and dashboard interactions.
- Build responsive mobile-first designs for a seamless experience across devices.
- Design data visualizations (like pie charts) to show progress clearly.
- Highlight motivational elements such as success stories and dream inspiration.
STYLE
Typography
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Inter font is a elegant and modern sans serif font. It is very neat and clean. It have more readability and variety of options. That’s why I used this font.
Inter Bold
Inter Medium
Inter Regular
Inter Light
Colors:
#F99F38
#2E2E2E
#000000
#FAFAFA
#585757
DESIGN PROCESS
Features & Flows Redesigned
1. Marketing Website
- Visually rich homepage with smooth hierarchy
- Clear CTA buttons
- Real testimonials and inspirational content
2. Dream Creation Tool
- Easy-to-use form for adding dream goals
- Upload image functionality for visual motivation
- Suggestions for financial resources and budgeting help
3. User Dashboard
- Interactive pie charts for visualizing dream progress
- Savings summary: total saved, required amount, and monthly breakdown
- On-track/off-track notifications with actionable tips
- Distribution of extra funds across multiple dreams
4. Mobile View
- Fully responsive, optimized for all screen sizes
- Retains dashboard functionalities and quick access to dreams
- Touch-friendly components and navigation
📊 Before & After Screens
Log In Screens
Landing Page
Featured Dreamers detail page
Dashboard
Pricing Screens
Mobile view:
