JobAid AI
JobAid AI is an AI-powered web application that helps job seekers improve their resumes and cover letters before applying for jobs. Instead of relying on generic templates or manual reviews, the platform analyzes uploaded documents, identifies opportunities for improvement, and generates tailored recommendations to increase a candidate's chances of securing interviews. Beyond document analysis, the product was envisioned as a career companion—one that makes professional writing more accessible, especially for users who may not have access to career coaches or recruitment expertise. As the Lead Product Designer, I led the end-to-end design process, transforming an early-stage product concept into a cohesive digital experience. My work included product strategy, user experience design, interface design, interaction design, design systems, developer collaboration, and the marketing website.
Client
Jobaid AI
DELIVERABLES
BRAND DIRECTION UI/UX DESIGN
Year
2025
Role
Creative Direction
Overview
Jada is a startup fintech platform focused on making alternative investments more accessible through a modern digital experience.
The project involved designing an end-to-end ecosystem that would support the complete investment lifecycle—from initial discovery and account creation to investment management, return tracking, and administrative oversight.
Unlike many early-stage products that focus on launching individual features, Jada required designing an interconnected platform consisting of three complementary experiences:
A marketing website that establishes credibility, educates prospective investors, and encourages account creation.
A secure investor dashboard where users can manage investments, complete KYC verification, monitor returns, and review portfolio performance.
An administrative dashboard that enables internal teams to oversee users, investment plans, compliance workflows, and operational activities.
The proposal defined objectives around simplifying onboarding, providing real-time investment management, automating returns, and equipping administrators with comprehensive oversight.
Designing these products simultaneously introduced a unique challenge.
Each platform served different users with different priorities, yet they needed to communicate one consistent brand promise:
Your investments are secure, transparent, and easy to manage.
The Opportunity
Financial technology has transformed banking, payments, and personal finance.
Investment platforms, however, often continue to present significant barriers for first-time investors.
Lengthy onboarding.
Complex terminology.
Manual compliance procedures.
Limited transparency.
These obstacles create hesitation long before users evaluate an investment opportunity itself.
The opportunity behind Jada was not merely to digitize an existing process.
It was to redesign the experience from first principles.
How might investing feel if every interaction were designed to reduce uncertainty instead of introducing it?
How might compliance become intuitive rather than intimidating?
How might users gain confidence before making their first financial commitment?
These questions shaped every major product decision throughout the project.
The Problem
One observation consistently emerged during early planning.
People rarely abandon investment platforms because investing is inherently difficult.
They abandon them because the experience surrounding investing creates unnecessary friction.
Prospective users are often required to:
Navigate unfamiliar financial terminology.
Complete lengthy onboarding processes.
Submit regulatory documentation with little guidance.
Trust organizations they have never interacted with before.
Commit significant financial resources without sufficient reassurance.
Each additional step increases cognitive effort.
Each moment of uncertainty weakens confidence.
For a startup operating in a trust-sensitive industry, these moments become particularly important.
The challenge therefore extended beyond interface design.
The real challenge was designing enough clarity and credibility that users would feel comfortable moving from curiosity to commitment.
Vision Statement
Jada aims to modernize investment by creating a secure, transparent, and fully digital ecosystem that empowers individuals to discover opportunities, invest confidently, and manage their portfolios from anywhere.
Rather than replacing traditional financial principles, the platform reimagines how those principles are experienced through thoughtful product design.
Why This Project Mattered
Every product solves a problem.
Some save time.
Some increase efficiency.
Others entertain.
Jada addresses something far more fundamental.
Trust.
Unlike many digital products where mistakes are easily reversible, investment platforms ask users to make decisions involving their personal finances.
The emotional stakes are considerably higher.
Trust cannot be added through branding alone.
It must be reinforced through every interaction.
Every page.
Every form.
Every confirmation message.
Every dashboard.
Every explanation.
This project represented an opportunity to explore how thoughtful product design can reduce hesitation, simplify complexity, and help users feel more confident engaging with digital financial services.
Looking back, that objective became the foundation upon which every subsequent design decision was built.
Design Thesis
Throughout this project, one belief consistently guided my work:
People don't invest because an interface looks beautiful.
They invest because the experience makes them feel informed, secure, and confident.
Everything that follows in this case study—from research and strategy to interaction design, testing, and iteration—can be traced back to that single principle.
It became the lens through which every design decision was evaluated.
Designing Trust Before Transactions
"Every financial product asks users to trust it. The best financial products earn that trust long before asking users to invest."
Unlike entertainment platforms or social applications, fintech products operate within a fundamentally different emotional landscape.
Users are not simply sharing content or completing tasks.
They are making decisions that directly affect their financial well-being.
Every interaction carries an implicit question:
"Can I trust this platform with my money?"
That question shaped every aspect of Jada.
Before colors were selected.
Before wireframes were drawn.
Before components were created.
The first design challenge was understanding how trust is formed—and how digital products either strengthen or weaken it.
Throughout the project, every design decision was evaluated against one central objective:
Reduce uncertainty while increasing confidence.
Understanding the Product Context
Jada was conceived as a startup entering an increasingly competitive digital investment market.
The challenge wasn't simply building another investment platform.
It was creating a product capable of competing against established financial products while establishing credibility as a new entrant.
Unlike traditional investment firms that rely heavily on physical interactions, manual paperwork, and relationship managers, Jada sought to deliver an entirely digital experience—from discovery and onboarding to investment management and returns tracking. This objective aligned directly with the project's proposal to modernize investment through digital transformation while reducing dependence on manual processes.
That ambition introduced a unique design challenge.
Removing physical interactions also removes many of the signals people traditionally associate with trust.
There are no offices to visit.
No printed documents.
No face-to-face conversations.
The interface itself becomes the relationship.
Every screen therefore had to communicate professionalism, transparency, and reliability.
The Nature of Trust in FinTech
One of the most important realizations during discovery was that users rarely evaluate investment platforms based solely on expected returns.
Instead, they subconsciously evaluate a series of trust signals.
Can I understand this product?
Does this company appear legitimate?
What happens after I invest?
Can I access my money?
Will I know where my funds are?
Can I recover if something goes wrong?
These questions are often emotional rather than technical.
Design therefore became a mechanism for reducing psychological risk as much as operational risk.
Rather than treating trust as a branding exercise, it became a measurable product objective.
Product Vision
The vision for Jada extended beyond digitizing investment operations.
The goal was to create an investment experience that feels:
Accessible.
Transparent.
Predictable.
Secure.
Simple enough for first-time investors.
Powerful enough for returning investors.
Every design decision contributed toward this long-term vision.
Product Philosophy
As the project progressed, five core principles consistently guided product decisions.
These principles became the foundation for every flow, interaction, and interface across the marketing website, investor dashboard, and administrative platform.
Principle One
Trust Before Transactions
Users should never feel rushed into making financial commitments.
Before asking someone to invest, the product must first establish credibility.
This principle influenced numerous decisions.
Investment opportunities include supporting information rather than promotional language.
Returns are presented clearly instead of exaggerated.
Navigation prioritizes understanding before conversion.
Calls-to-action appear only after users have sufficient context.
Trust becomes the product's first conversion strategy.
Principle Two
Reduce Friction Without Reducing Compliance
Financial products cannot ignore regulatory requirements.
Identity verification.
KYC.
Transaction monitoring.
Compliance checks.
These processes are essential.
The challenge is ensuring they feel manageable rather than intimidating.
Rather than treating compliance as an interruption, it was integrated into the natural progression of the investment journey.
The objective wasn't removing required steps.
It was removing unnecessary effort.
This principle became especially important during the redesign of the investment flow.
Early usability feedback revealed that excessive steps created fatigue and increased the likelihood of users abandoning the process before completion.
Instead of simplifying compliance, the experience was restructured to simplify how users moved through it.
Principle Three
Transparency Creates Confidence
Financial information often becomes inaccessible because it is presented through technical language or dense interfaces.
Jada intentionally favors clarity.
Investment plans explain expected outcomes.
Portfolio performance emphasizes understanding over complexity.
Transaction histories remain easy to interpret.
Administrative actions become visible wherever appropriate.
Users should never wonder what is happening to their investment.
Transparency is treated as a product feature rather than supporting documentation.
Principle Four
Progress Builds Momentum
Investment onboarding can feel overwhelming when presented as one long process.
Breaking that journey into understandable milestones reduces perceived effort.
Instead of focusing on how many forms remain...
The interface continually communicates forward movement.
Every completed action reinforces progress.
Progress indicators, confirmation screens, and contextual guidance all contribute to maintaining user motivation throughout onboarding.
The goal isn't simply helping users finish.
It's helping them feel capable of finishing.
Principle Five
Simplicity Is a Competitive Advantage
Financial products naturally involve complexity.
Interest calculations.
Investment terms.
Compliance requirements.
Wallet balances.
Return schedules.
The interface should absorb as much of that complexity as possible.
Whenever multiple solutions were available, the preferred option was almost always the one that reduced cognitive effort without sacrificing understanding.
Simplicity was never treated as visual minimalism.
It was treated as strategic clarity.
Product Goals
The proposal established several objectives that shaped both product strategy and design priorities.
These included:
Streamlining investor onboarding.
Providing transparent investment management.
Automating ROI tracking and disbursements.
Supporting secure digital payments.
Giving administrators comprehensive operational oversight.
Rather than viewing these as isolated features, the design process translated them into a continuous experience where each stage naturally supported the next.
User Ecosystem
Although the product appears unified, Jada serves multiple audiences with different responsibilities.
Prospective Investors
Users exploring opportunities, evaluating trust, and deciding whether to create an account.
Primary need:
Confidence before commitment.
Active Investors
Users managing portfolios, tracking investments, monitoring returns, and reviewing transaction history.
Primary need:
Visibility and control.
Administrators
Internal teams responsible for investment plans, KYC approvals, user management, compliance monitoring, payouts, and operational oversight.
Primary need:
Efficiency without sacrificing governance.
Understanding these distinct mental models prevented the platform from becoming a one-size-fits-all solution.
Each experience was optimized for its specific audience while maintaining a consistent product language.
Defining Success
Success for Jada was never measured solely by registration numbers.
The platform needed to support meaningful business outcomes while creating positive user experiences.
From the outset, success was framed around questions such as:
Do users understand the investment opportunity before taking action?
Can they complete onboarding with confidence?
Does the experience reduce abandonment during investment?
Can investors monitor their portfolios without confusion?
Does the administrative platform simplify operational workflows?
Does the overall experience increase confidence in digital investing?
These questions became the benchmark against which design decisions were evaluated throughout the project.
Reflection
One lesson became apparent remarkably early.
Users rarely distinguish between product quality and company credibility.
If the interface feels confusing...
The company appears less trustworthy.
If information feels hidden...
Users assume risk.
If onboarding becomes exhausting...
They begin questioning the investment itself.
That realization fundamentally changed how I approached the project.
I stopped thinking of trust as something marketing creates.
I began treating trust as something product design earns—screen by screen, interaction by interaction.
Author's Reflection
Before Jada, I often associated fintech design with dashboards, charts, and transaction histories.
This project taught me that fintech is, at its core, about human psychology.
People don't invest because a graph looks impressive.
They invest because the product consistently reduces uncertainty at every stage of the journey.
Design became the medium through which confidence was communicated.
That perspective continues to shape how I approach products involving money, security, and high-stakes decision-making.
My Role & Responsibilities
Leading Product Design from Vision to Delivery
"Great interfaces rarely emerge from isolated design decisions. They emerge from consistent product thinking applied throughout the entire development process."
Jada represented more than another design engagement.
It was an opportunity to shape an emerging fintech product from its earliest concept through delivery.
As the sole Product Designer and project lead, I was responsible for translating an ambitious business vision into a complete digital investment ecosystem that balanced user needs, business objectives, technical feasibility, and regulatory expectations.
Unlike projects where designers contribute to isolated features, my involvement extended across the full product lifecycle.
Every major experience—from the marketing website to the investor dashboard and administrative platform—passed through a consistent design process before reaching development.
This level of ownership required thinking beyond interface design.
It required thinking like a product partner.
My Role
Throughout the eight-week engagement, I led the end-to-end design process across all customer-facing and internal products.
My responsibilities extended well beyond producing visual designs.
They included understanding the business, defining user journeys, structuring product architecture, facilitating collaboration with engineering, and ensuring every interaction aligned with the product's long-term vision.
Because Jada was an early-stage startup, there was no existing design system, established UX framework, or mature product process to build upon.
Many foundational decisions had to be created from first principles.
That responsibility significantly shaped how the project evolved.
Core Responsibilities
My ownership included the following areas.
Product Discovery
Understanding business goals.
Defining product direction.
Translating stakeholder requirements into product opportunities.
Identifying user needs.
Establishing experience principles.
Rather than beginning with screens, the project began by defining what success should look like for both users and the business.
User Experience Design
I designed the complete experience architecture across all three products.
This included:
User journeys.
Task flows.
Information architecture.
Navigation systems.
Interaction models.
Wireframes.
Low-fidelity prototypes.
Every workflow was evaluated not only for usability, but also for how effectively it reduced uncertainty during financial decision-making.
User Interface Design
Once the product foundation had been established, I designed the complete visual experience.
Deliverables included:
Marketing website.
Investor web application.
Administrative dashboard.
Responsive layouts.
High-fidelity prototypes.
Component library.
Design specifications.
Because consistency was essential across approximately 200 screens, interface decisions were intentionally system-driven rather than screen-specific.
Design System Creation
One of the earliest technical challenges was the absence of an existing design language.
Instead of designing individual interfaces independently, I created a lightweight design system from scratch that established:
typography scales,
color foundations,
spacing rules,
reusable components,
interaction patterns,
status indicators,
layout grids,
responsive behavior.
Although intentionally lightweight, the system provided sufficient structure to maintain consistency across the marketing experience, investor dashboard, and administrative platform while accelerating collaboration with engineering.
Cross-Functional Collaboration
The project team consisted of:
One Product Designer (myself).
One Front-End Developer.
One Back-End Developer.
Working within a compact startup team created a highly collaborative environment.
Rather than handing designs over at the end of the project, collaboration occurred continuously.
Design decisions frequently considered implementation feasibility alongside user experience.
This close feedback loop reduced ambiguity, surfaced technical constraints early, and enabled faster iteration throughout the project.
Leading Product Thinking
One of the defining characteristics of this project was that many product decisions had to be made before visual exploration could begin.
Questions included:
Should onboarding prioritize education or speed?
How much investment information should appear before registration?
Where should regulatory verification occur?
How much portfolio data is enough without becoming overwhelming?
How should trust be communicated before asking users to invest?
Answering these questions required balancing business goals, user psychology, technical realities, and regulatory expectations simultaneously.
The role therefore extended beyond interface execution into product strategy.
Research & Discovery
Designing for an Industry Built on Trust
"Research isn't about collecting data. It's about reducing assumptions before making decisions."
Every successful product begins with understanding.
Before designing interfaces, defining user flows, or building components, I needed to understand the environment Jada would operate within.
Unlike many consumer products where convenience is the primary differentiator, investment platforms compete on something much harder to earn:
Trust.
People are unlikely to invest simply because an interface looks polished.
They invest when they believe the platform is credible, transparent, secure, and capable of helping them make informed financial decisions.
With only eight weeks available and a startup operating under tight timelines, the discovery phase focused on identifying the highest-impact insights that would directly influence product direction.
Rather than pursuing extensive academic research, the process emphasized rapid learning, continuous validation, and evidence-driven decision-making.
Discovery Objectives
The discovery phase was designed to answer several fundamental questions before visual design began.
Who are we designing for?
What motivates someone to invest digitally?
What prevents users from completing investment journeys?
How do successful investment platforms establish credibility?
Which regulatory requirements must be respected?
Where do users typically experience friction?
What product opportunities exist for a startup entering the market?
These questions became the framework that guided all subsequent research activities.
Research Methodology
Given the project's timeline and startup context, research combined multiple lightweight methods rather than relying on a single comprehensive study.
The objective was not to produce large research reports.
It was to gather actionable insights capable of improving product decisions.
The discovery process consisted of:
Stakeholder workshops
Product requirement analysis
Secondary market research
Competitive benchmarking
User journey mapping
Information architecture exploration
Iterative usability validation throughout design
Each method answered different questions and collectively reduced uncertainty before implementation.
Stakeholder Discovery
The first stage of discovery focused on understanding the business itself.
Rather than discussing individual screens, early conversations explored broader product goals.
Questions included:
What problem is Jada trying to solve?
Why would investors choose this platform?
Which parts of the investment journey create the most friction today?
What business outcomes define success?
Which regulatory processes are mandatory?
What should distinguish Jada from competitors?
These discussions established a clear strategic direction before interface decisions were made.
One insight emerged consistently.
The objective was not simply to digitize investment.
It was to make digital investing feel trustworthy enough that users would confidently complete the journey online.
That distinction influenced virtually every design decision that followed.
Product Requirement Analysis
The proposal deck became an important reference throughout discovery.
Rather than treating it as a static list of requested features, I analyzed it to understand the relationships between business objectives, user needs, and technical capabilities.
The proposed platform encompassed three interconnected systems:
A public-facing marketing website
An investor portal
An administrative dashboard
Together, these systems supported the complete investment lifecycle, including onboarding, KYC, investment management, ROI tracking, wallet functionality, and operational oversight.
Breaking the proposal into functional areas helped establish priorities and identify dependencies before detailed interaction design began.
Secondary Research
Because Jada was entering an existing fintech landscape, understanding established market patterns became an essential part of discovery.
The research focused on digital investment platforms already operating within similar spaces, including emerging fintech companies and established investment providers.
Rather than copying competitors, the objective was to understand:
How they communicate credibility.
How they introduce investment opportunities.
How onboarding is structured.
How regulatory requirements are presented.
How portfolio information is organized.
How users transition from exploration to investment.
This research highlighted both industry conventions and opportunities for differentiation.
2. User Surveys & Personas: I created surveys targeted at students and remote workers to understand their job application process, frustrations with current process and tools, and wishlist features. I didn’t just come about these Personas through surveys alone. I had virtual interviews with 3 participants and their stories led to the development of two primary personas: Aisha the recent university graduate and David, the Mid-Level Professional Pivoting Careers
Several recurring patterns emerged during competitive benchmarking.
What Competitors Did Well
Successful investment platforms consistently emphasized trust before asking users to invest.
Common strengths included:
Strong visual credibility.
Clear explanations of investment products.
Professional branding.
Transparent performance summaries.
Consistent interface patterns.
Educational content supporting investment decisions.
These experiences reinforced that financial products must first reduce uncertainty before encouraging action.
Common Pain Points
Despite strong branding, several recurring usability issues appeared across competing products.
These included:
Lengthy onboarding experiences.
Dense financial terminology.
Limited explanation of investment processes.
Fragmented navigation.
Overwhelming dashboards containing excessive information.
Compliance steps that felt disconnected from the overall journey.
These observations became valuable opportunities for improvement rather than features to replicate.
Key Opportunity Areas
From stakeholder conversations and market research, several opportunity areas emerged.
Opportunity One
Simplify investment onboarding without compromising compliance.
This became one of the project's most influential design goals.
Opportunity Two
Present investment information in language that first-time investors can understand.
Financial literacy varies significantly.
The interface should adapt to users rather than expecting users to adapt to financial terminology.
Opportunity Three
Strengthen trust through transparency.
Users should understand:
what they are investing in,
what happens after payment,
how returns are calculated,
where their money is,
and what to expect next.
Transparency became a feature rather than supporting documentation.
Opportunity Four
Reduce cognitive effort throughout the investment journey.
Every unnecessary decision introduces friction.
Reducing friction became one of the defining objectives of the design process.
Wireframing & Ideation
Information Architecture
Branding & Visual Design
Brand Identity, Design System & Visual Language
Designing a Financial Experience That Feels Trustworthy
"Users form opinions about a financial product long before they understand its features. Visual design shapes that first impression."
Once the product structure had been validated through research, information architecture, and wireframing, the next challenge was giving Jada a visual identity capable of communicating confidence from the very first interaction.
Unlike entertainment products, fintech interfaces operate under a different expectation.
People don't simply evaluate whether an interface is attractive.
They evaluate whether it appears reliable enough to trust with their money.
That meant every visual decision needed to reinforce credibility.
Typography.
Spacing.
Hierarchy.
Color.
Components.
Illustrations.
Photography.
Motion.
None of these elements existed independently.
Together, they formed a visual language that quietly answered the user's most important question:
"Does this platform feel trustworthy?"
Establishing the Brand Personality
Before designing components, I defined the emotional qualities the interface should consistently communicate.
Rather than describing the brand with marketing language, I translated it into product characteristics.
Jada should feel:
Professional without appearing corporate.
Modern without chasing trends.
Confident without appearing aggressive.
Accessible to first-time investors.
Credible enough for experienced investors.
Clean enough to reduce cognitive load.
Structured enough to communicate operational maturity.
These principles influenced every subsequent visual decision.
Visual Design Objectives
The visual system was designed around five objectives.
Build Trust
The interface should immediately communicate legitimacy and professionalism.
Visual consistency becomes an important trust signal.
Improve Readability
Financial products often present large volumes of information.
Typography and spacing should reduce effort rather than increase it.
Reduce Cognitive Load
Visual hierarchy should guide attention naturally.
Important information appears first.
Supporting information remains available without competing for attention.
Enable Scalability
Because the product would ultimately contain approximately 200 screens across multiple platforms, visual consistency could not rely on memory alone.
Reusable patterns became essential.
Accelerate Development
A reusable design language would reduce implementation ambiguity while improving collaboration with engineering.
Building a Lightweight Design System
One of the earliest production challenges was the absence of an existing design system.
Instead of designing individual pages independently, I established a lightweight design foundation before moving into high-fidelity design.
Although intentionally lean, the system provided enough structure to support the marketing website, investor dashboard, and administrative platform while remaining flexible for future expansion.
Rather than aiming for exhaustive documentation, the objective was practical consistency.
The system included:
Typography styles
Color foundations
Spacing scale
Layout grids
Buttons
Form controls
Cards
Status indicators
Navigation components
Modal patterns
Tables
Empty states
Success and error messaging
Icons and supporting visuals
This approach allowed new screens to inherit established patterns rather than introducing unnecessary variation.
Spacing as a Trust Signal
One lesson became particularly evident during the project.
Crowded interfaces often feel less trustworthy.
Generous spacing does more than improve aesthetics.
It communicates organization.
Users subconsciously associate structured layouts with competent organizations.
Spacing therefore became one of the platform's most important visual tools.
Information was grouped intentionally.
Related content appeared together.
Unrelated information remained visually separated.
This reduced cognitive effort while reinforcing clarity.
Component Strategy
Instead of designing isolated UI elements, reusable components were developed around recurring user behaviors.
Examples included:
Investment Cards
Designed to summarize opportunities quickly while exposing key decision-making information without overwhelming users.
Portfolio Summaries
Prioritized current investment performance while keeping secondary metrics easily accessible.
Form Components
Optimized for onboarding and regulatory workflows.
Labels, helper text, validation states, and error messaging followed consistent interaction patterns throughout the platform.
Status Indicators
Investment progress, verification status, transaction outcomes, and portfolio states all shared consistent visual treatments.
Users should not need to learn multiple visual languages to interpret platform feedback.
Responsive Thinking
Although the primary product targeted desktop experiences, responsiveness remained an important consideration.
Layouts were designed using flexible grids and reusable spacing rules so content could adapt predictably across different screen sizes.
Rather than treating responsiveness as an afterthought, scalability influenced layout decisions from the beginning.
Consistency Across Three Products
One of the more interesting design challenges involved maintaining consistency across products serving very different audiences.
The marketing website emphasized storytelling and conversion.
The investor dashboard emphasized clarity and portfolio management.
The administrative dashboard emphasized operational efficiency.
Although their purposes differed, all three experiences shared:
Common typography
Shared color language
Consistent spacing
Familiar navigation behaviors
Unified interaction patterns
Reusable component foundations
This continuity strengthened the overall product ecosystem while reducing the learning curve for users transitioning between experiences.
Designing for Engineering
Visual consistency also improved implementation.
Reusable components reduced ambiguity during development.
Predictable spacing and typography minimized inconsistencies.
Shared interaction patterns simplified front-end implementation.
Because design decisions were standardized early, communication with engineering became more efficient throughout the project.
Rather than discussing individual screens repeatedly, conversations increasingly focused on reusable patterns.
Logo icon |
BRAND LOGO |
Color & Typography:
Primary Colors:
#00237A (Oxford Blue): Represents authority, intelligence, and reliability. This anchors the brand in a serious, professional tone which we thought is perfect for career-building.
#3C9EDB (Skye Blue): Adds freshness, modernity, and a sense of optimism. It gives the brand a tech-forward and friendly edge, counterbalancing the seriousness of the navy.
Color Strategy
Designing Confidence Through Color
Color was treated as a functional communication tool rather than decorative styling.
Every primary color needed to satisfy multiple requirements simultaneously.
It should:
Communicate professionalism.
Support accessibility.
Create sufficient contrast.
Scale across marketing and product experiences.
Remain visually comfortable during extended use.
Rather than relying on color alone to communicate meaning, status indicators were reinforced with labels, icons, and contextual messaging to improve accessibility and reduce ambiguity.
Supporting Emotional States
Different interface moments required different emotional responses.
For example:
Primary Actions
Strong, high-contrast colors encourage confidence during important decisions such as registration, investing, and confirming transactions.
Success States
Confirmation colors reassure users that important financial actions have completed successfully.
Warning States
Rather than creating unnecessary anxiety, warning styles communicate caution while remaining informative and actionable.
Neutral Surfaces
Generous use of neutral backgrounds allows financial data to remain the primary focus instead of competing with decorative visual elements.
BRAND COLORS IDENTITY |
BRAND COLORS |
Typeface
Inter Tight: Sleek, space-efficient, and highly legible, ideal for dashboard-heavy interfaces and compact info layouts.
Plus Jakarta Sans: Rounded yet modern which gives the brand a slightly approachable, human feel without sacrificing clarity.
This combination was chosen to reflect the dual nature of JobAid AI: serious and reliable, yet innovative and supportive.
Designing for Financial Readability
Typography carries a greater responsibility within fintech than in many other industries.
Users regularly review:
investment details,
transaction histories,
percentages,
maturity timelines,
balances,
account information.
Small readability issues quickly become usability problems.
Typography therefore prioritized:
Clear hierarchy.
Consistent rhythm.
Readable line lengths.
Accessible sizing.
Comfortable spacing.
Rather than relying on dramatic typography for visual impact, emphasis was created through hierarchy and structure.
This supports faster scanning while maintaining a calm, professional interface.
PRIMARY COLOR |
SECONDARY COLOR |
Design Execution
JobAid AI was envisioned as a seamless, AI-powered ecosystem that supports job seekers across various touchpoints:
Web Application: The core platform where users upload resumes, generate AI-enhanced cover letters, and manage application documents.
Marketing Website: Introduces the product, shares use cases, and allows user onboarding via free trials.
What ties the ecosystem together is its document intelligence pipeline — once a resume is uploaded, every other interaction is informed by that document. AI models pre-fill fields, suggest edits, and personalize content. The UX journey remains consistent: minimal friction, fast feedback, and clearly defined outcomes.
Web Application |
Handoff Snaphot |
Testing & Iteration
Prototypes were built and tested in Figma with 12 early access users. The testing covered key flows:
Resume upload and analysis
Cover letter generation
Document revision history
Onboarding
Key findings and improvements:
Users loved the auto-fill feature but wanted more control so I added a manual-fill option.
The resume analysis scores were unclear, so I redesigned the feedback layout for better clarity and breakdown.
Some users felt the onboarding was too long and overwhelming, so I streamlined the process by shortening the flow.
Each round of testing brought measurable improvements in task completion time and user satisfaction.
Challenges & Solutions
Like most fast-moving product builds, JobAid AI faced several real-world challenges which are both strategic and executional during the design and handoff process.
1. Simplifying complex AI interactions for non-technical users
Many users were new to AI-powered tools and didn’t fully understand how their input data was being analyzed or scored. Our goal was to offer an intelligent system without overwhelming users with technical jargon or rigid flows.
Solution:
We approached this by designing a clean, conversational interface that guides users step-by-step through uploading their resumes or job links. We replaced complex configuration options with intuitive toggles and smart defaults. Informational tooltips were added at critical points to explain the “why” behind our suggestions without requiring additional user effort. This struck a balance between transparency and simplicity.
2. Optimizing AI prompt engineering for accurate, relevant suggestions
To make JobAid AI genuinely useful, the AI had to not only analyze documents effectively but also generate tailored suggestions for improvement. Initial testing revealed that some outputs were too generic or missed contextual cues from the job descriptions.
Solution:
We invested time in refining our prompt structures, feeding the AI large sets of annotated CVs and job descriptions across different roles and industries. By fine-tuning prompts and layering contextual understanding, we boosted the relevance of AI-generated insights. This work helped us achieve an impressive 95% accuracy rate in analysis and recommendations, ensuring users felt like they were getting expert-level guidance.
Final Outcome
The platform successfully launched in private beta, receiving positive feedback for its ease of use and impact. Users reported getting more callbacks and expressed satisfaction with the tailored application process.
Early results showed:
95% accuracy in resume parsing
70% of users completed both resume + cover letter flows in one session
Strong retention due to perceived value in feedback quality
Key Learnings
AI Needs Human Context to Be Useful
Designing an AI-powered tool isn’t just about generating smart outputs, it's about making those outputs meaningful. We learned that users responded best to suggestions when they were clearly explained and contextually appropriate. This pushed us to focus on making feedback feel personalized, not generic.
Users Want Control, Not Just Automation
Job seekers want AI assistance, but they also want to feel in control of their documents. Features that allowed editing, toggling suggestions, or reviewing feedback in steps saw higher engagement than automated, one-click fixes. Design should empower and not replace the users.Designing for Trust is as Critical as Usability
Trust is everything when you’re asking users to upload personal documents. We found that visual clarity, clean UI, reassuring microcopy, and consistent flows significantly impacted how secure users felt. Building a professional, transparent experience was key to early adoption.Start Simple, Then Expand Based on Real Use
We initially scoped broad features, but narrowed down to solving just two key pain points: improving resumes and cover letters with actionable insights. This focused MVP approach helped us ship faster, gather feedback, and validate demand without overbuilding.Collaborating Across Functions Elevates the Product
Working closely with developers, product leads, and AI engineers allowed us to adapt quickly to technical realities (e.g., prompt tuning, data limitations). Constant iteration and feedback loops made the product stronger and easier to use.Microinteractions Matter More Than You Think
From hover states to loading animations, small UI details made the app feel smoother and more “alive.” Users mentioned these unprompted in feedback sessions — proof that polish can boost perceived quality and trust.Job Seekers Are Emotionally Invested; Design Should Reflect That
Applying for jobs is stressful, and users often feel vulnerable. We learned to be more intentional with tone, hierarchy, and UX writing, using calm, confident language to guide them, not overwhelm them.
Conclusion
JobAid AI pushed the boundaries of what job seekers can expect from digital tools. By combining intelligent document parsing, adaptive design, and user-driven improvements, we created a platform that’s not only useful, but empowering.
This case study reflects my ability to lead full-cycle product design, integrate with AI capabilities, and turn complex workflows into clean, approachable experiences. I'm proud of how JobAid AI came to life and even prouder of how it’s helping real people unlock better career opportunities.