Weelume
Responsive website · Finance UX

Credroad

RegionUSAYear2024
The project itself:

Project Overview

A personal credit-management website for understanding scores, finding improvements and comparing credit cards.

Problem

Complex credit information leaves people unsure of their next step or how to compare cards.

Goal

Guide people through credit management with clear steps, practical information and useful tools.

My role

UX and interface designer for Credroad.

Responsibilities

Research, information architecture, wireframes, usability studies, visual design and interactive prototypes.

All about the user:

User Research

Interviews and empathy maps inform the personas. Mapping real tasks reveals friction and helps prioritise the core experience.

Pain Points

01

Clear information

Complex credit information leaves people unsure of their next step or how to compare cards.

02

Intuitive interaction

Complex credit information leaves people unsure of their next step or how to compare cards.

03

A coherent journey

Complex credit information leaves people unsure of their next step or how to compare cards.

User Personas

User Personas 1
User Personas · 01
User Personas 2
User Personas · 02

User Journey Map

Guide people through credit management with clear steps, practical information and useful tools.

User Journey Map 1
User Journey Map · 01
The project schematically:

Starting the Design

Information architecture and paper sketches develop into wireframes and a low-fidelity prototype. Navigation and task flows are tested before visual design.

Storyboards

Storyboards 1
Storyboards · 01

Sitemap

Sitemap 1
Sitemap · 01

Paper Wireframes

Paper Wireframes 1
Paper Wireframes · 01

Digital Wireframes

Digital Wireframes 1
Digital Wireframes · 01

Usability Studies

Participants complete key tasks while we observe uncertainty and friction. Findings guide changes to hierarchy, entry points and status feedback.

The clear version:

Refining Design

A consistent system of colour, type, icons and components turns research into interfaces that work across devices.

Mockups

Original project interface and research visuals are presented in their source language.

Mockups 1
Mockups · 01
Mockups 2
Mockups · 02
Mockups 3
Mockups · 03
Mockups 4
Mockups · 04
Mockups 5
Mockups · 05
Mockups 6
Mockups · 06
Mockups 7
Mockups · 07
Mockups 8
Mockups · 08
What comes next:

Outcome

Takeaways

Understanding real needs leads to clearer hierarchy and more coherent task flows. This portfolio demonstration makes no independently verified business claims.

Next Steps

Continue usability testing and collect real usage feedback. Address recurring issues before considering additional features.

Next projectSuplan

Let me help with a great visual solution for your business.

To get in touch:

Contact Me

Book a Call

Set up a time to discuss your design needs.

Click to copy:

 

Weelume
Credroad · UIUXfolio · Weelume designer portfolio