UX/UI
DESIGN
Project Overview
FutureFunds is a modern financial advisory platform designed to empower users with tools, resources, and expert guidance. The client needed a visually clean, responsive interface that would convey trust, accessibility, and professionalism—while encouraging users to engage with services like investment advice, financial calculators, and planning tools.
Objective
To design a user-first, responsive digital experience that simplifies financial planning and encourages engagement across mobile and desktop platforms.
Core goals included:
-
Enhance user trust through modern design
-
Create an intuitive service navigation structure
-
Drive newsletter signups and service appointments
-
Ensure responsiveness across web and mobile
Design Strategy
We grounded the visual experience in three pillars:
-
Clarity: Simple layouts, accessible type, and clean icons
-
Trust: Calm color palette (greens, neutrals), testimonials, and social proof
-
Conversion: Strong CTAs, newsletter sign-ups, and calculators integrated upfront
My Role
UX/UI Designer · Visual Designer · Prototype Developer
I was responsible for wireframes, responsive layouts, UI design, content structure, and component mockups.
Desktop Experience
The web interface focuses on key CTAs—Discover Our Services, Schedule an Appointment, and Financial Calculator—all featured above the fold. Sections were designed using white space and contrast to improve content legibility and conversion flow.
✔ Clear hierarchy of content
✔ Visual cues for action (buttons, highlights)
✔ Blog + Testimonials + Financial Tools on one scroll path
Mobile Experience
The mobile version was optimized for scrolling engagement. Stacked elements, simplified navigation, and thumb-friendly buttons ensure easy use on smaller screens.
✔ Compact navigation menu
✔ Newsletter signup CTA visible on every screen
✔ Optimized touch targets and iconography
Results & Reflection
The FutureFunds prototype delivered:
-
A seamless user experience across devices
-
Stronger visual identity and trust factor
-
Higher clarity in service offerings
-
Scalable layout system for future pages and features
This project strengthened my approach to responsive layouts, UX storytelling, and purposeful visual hierarchy
Tools Used
Figma · Adobe Illustrator · Adobe Photoshop · After Effects (for preview animation)
Final deliverables included high-fidelity mockups, a mobile prototype, and a web UI walk-through video.