UX-UI
Context
Academic project
Role
UX/UI designer
Problem
Personal finance is often perceived as complex and difficult to approach, especially for beginners who lack structured guidance and practical tools to build confidence.
The challenge was to design a complete learning experience that could simplify financial concepts, maintain user motivation, and transform abstract information into engaging and actionable interactions.
Working in a team, I contributed primarily to the UX/UI design, prototyping, and usability testing phases, translating research insights into a cohesive mobile product experience.
Process
Collaborated with the team to understand the challenges beginners face when approaching personal finance through surveys, interviews, and market research.
The research phase included 41 survey respondents and 12 user interviews, providing insights into user motivations, knowledge gaps, and learning barriers.
Translated research findings into product requirements, defining the learning experience structure, user flows, and key features.
The team identified opportunities around bite-sized lessons, personalized learning paths, gamified progression, and interactive financial simulations.
Translated research findings into product requirements, defining the learning experience structure, user flows, and key features.
The team identified opportunities around bite-sized lessons, personalized learning paths, gamified progression, and interactive financial simulations.
Created the visual interface and high-fidelity prototype in Figma, developing a structured design system with 20+ reusable components.
Designed key product areas including lessons, quizzes, progress tracking, gamification elements, and financial simulation features.
Conducted usability testing on the prototype to validate navigation, comprehension, and overall user experience.
Analyzed feedback and iterated on UI components, interactions, and content presentation to improve usability and engagement.
Delivered the final high-fidelity prototype, design system, and complete project presentation, showcasing the product concept, design rationale, and user-centered approach.
Solution
These mockups showcase Catch-Ching’s mobile experience, designed to make financial education simple, engaging, and accessible.
The final product includes 20+ screens supported by a modular design system, combining structured learning paths, interactive lessons, gamification mechanics, and financial simulations into a cohesive experience.
Reflections
Working with surveys, interviews, and user feedback strengthened my ability to transform research insights into concrete UX decisions, rather than relying only on assumptions.
Creating an educational product required balancing information complexity with user engagement. I learned how interaction patterns, progression systems, and visual hierarchy can make difficult topics easier to understand.
Developing a design system with reusable components highlighted the importance of consistency and scalability, especially when designing multiple features within the same product ecosystem.
Working alongside other designers taught me how to communicate design decisions, integrate feedback, and align different perspectives toward a shared product vision.
![](data:image/svg+xml,<svg display="block" id="2641308206" role="presentation" viewBox="0 0 26 31" xmlns="http://www.w3.org/2000/svg"><path d="M 3.013 21 C 2.036 21 1.289 20.742 0.773 20.225 C 0.258 19.714 0 18.967 0 17.982 L 0 9 C 0 8.52 0.047 8.096 0.142 7.73 C 0.236 7.378 0.396 7.047 0.613 6.757 C 0.833 6.475 1.117 6.21 1.467 5.964 L 8.96 0.766 C 9.701 0.255 10.376 0 10.987 0 C 11.597 0 12.273 0.255 13.013 0.766 L 20.533 5.964 C 20.883 6.21 21.164 6.475 21.378 6.757 C 21.6 7.044 21.76 7.376 21.849 7.73 C 21.949 8.096 22 8.519 22 9 L 22 17.982 C 22 18.967 21.751 19.714 21.253 20.225 C 20.756 20.742 20.065 21 19.182 21 Z M 3.049 19.135 L 18.951 19.135 C 19.336 19.135 19.632 19.03 19.84 18.82 C 20.053 18.615 20.16 18.312 20.16 17.91 L 20.16 8.847 C 20.16 8.618 20.136 8.42 20.089 8.252 C 20.045 8.091 19.97 7.941 19.867 7.811 C 19.761 7.669 19.632 7.546 19.485 7.45 L 11.875 2.216 C 11.55 1.994 11.25 1.883 10.978 1.883 C 10.711 1.883 10.418 1.994 10.098 2.216 L 2.516 7.45 C 2.356 7.558 2.226 7.679 2.125 7.811 C 2.027 7.943 1.955 8.093 1.911 8.252 C 1.864 8.42 1.84 8.618 1.84 8.847 L 1.84 17.9 C 1.84 18.303 1.944 18.609 2.151 18.819 C 2.365 19.03 2.664 19.135 3.049 19.135 Z M 10.995 10.846 C 11.306 10.844 11.615 10.906 11.902 11.027 C 12.193 11.146 12.48 11.336 12.765 11.594 L 21.031 19.144 L 19.866 20.324 L 11.76 12.928 C 11.517 12.7 11.262 12.585 10.995 12.585 C 10.735 12.585 10.48 12.7 10.231 12.928 L 2.134 20.324 L 0.96 19.144 L 9.235 11.594 C 9.519 11.336 9.804 11.147 10.089 11.027 C 10.376 10.906 10.684 10.845 10.995 10.847 Z M 2.222 6.838 L 8.498 13.198 L 7.316 14.378 L 1.058 8.027 Z M 19.787 6.829 L 20.951 8.027 L 14.684 14.378 L 13.493 13.198 Z" fill="rgb(5, 97, 78)" height="21px" id="hQkO5vczd" transform="translate(2 5)" width="22px"/></svg>)
Contact
Interested in working together or discussing a project? Feel free to get in touch - I’d be happy to connect.
©danielelepore