Project: Solo

Role: Generalist

Tools: Figma , Figjam

Duration: 3 weeks

WalletCoins is a user-friendly finance app designed to assist those facing challenges in saving and managing money, especially for individuals with multiple bank cards. It simplifies the traditional approach to saving and spending, making financial management accessible to users with varying levels of expertise.

Walletcoins.mp4

UX Canvas

Problem Statement

Managing money in today's fast-paced world can be tough. Balancing expenses, unexpected costs, and saving for the future is overwhelming. Imagine using an app that makes this easier to understand of spending. How can we create an app that understands your finances and guides you to a more secure future?

Understanding Financial Habits: A Tale of Two User Profiles

In our exploration of financial behaviors, we conducted interviews and surveys to gain insights into the diverse habits and preferences of users. The findings revealed two distinct user profiles, each with its unique problem approach to managing finances.

Interview and Survey

The First Users Physical Savers

Our first group of users faces a common woe – saving money. These folks find it a Herculean task to squirrel away their hard-earned cash into a bank account. Surprisingly, they prefer the tangible security of stashing their savings in a physical vault or storage.


Insights:

Trust issues with digital banking

Desire for a more tangible savings experience

Aversion to complex financial platforms

Result Interview and Survey

Affinity Diagram

The Second Users Multitaskers

On the flip side, we encountered another set of users drowning in a sea of bank accounts and income sources. These multitaskers struggle to keep their financial ship afloat, juggling between multiple apps and bank accounts. Organization becomes a mythical concept in their financial realm.


Insights:

Overwhelmed by the number of bank accounts

Difficulty managing income from various sources

Frustration with the lack of a unified financial platform

Meet Our Persona Jack

Meet Jack Chanson, a composite character born out of our in-depth research and interviews delving into the financial struggles of two distinct user types: "The Physical Savers," and "The Multitaskers."

As we tailor our solutions to address the needs of both Jacks – the Physical Saver and the Multitasker – we strive to create a financial experience that resonates with their unique challenges and preferences. Jack Chanson serves as a guiding persona, steering our design and development process towards crafting a user-friendly solution that caters to the diverse needs of our users.

User Journey

User Flow



User Journey Of Jack Life

Jack woke up in a good mood, but his excitement took a hit when he checked his balance and realized he had to pay a lot this month. Determined to turn things around, Jack changed into his favorite outfit for a confidence boost. He decided to explore the shopping street in hopes of finding something interesting.

While browsing, Jack spotted a jacket he had coveted for a long time, and it was on discount. Unable to resist, he grabbed it immediately and headed to the cashier. However, his joy turned to shock when his main card got declined. Thinking on his feet, Jack quickly tried another card, and this time it got accepted.

Relieved, he checked his balance again, forgetting that the money from the second account was meant for his car payment. Jack was now caught in a dilemma, not knowing what to do. The weight of the situation lingered in his mind throughout the day at work.

Brainstorm/Inspiration And Business Analysis

As a dedicated product UI/UX designer based in Berlin, Germany, I embarked on an extensive journey of research and business analysis to enhance my app. Delving deep into the digital landscape, I sought out similar applications to mine, meticulously examining their features and functionalities. The goal was not just to understand the market but to identify unique elements that could be seamlessly integrated into my own creation. This thorough exploration is a testament to my commitment to crafting a cutting-edge app, blending innovation with user-centric design. The insights gained from this process are invaluable, fueling my passion for creating an exceptional user experience in the ever-evolving realm of technology.


Competitive Analysis

Brainstorm/ Inspiration


MoSCoW method



Low Fidelity

Low Fidelity

I employed a combination of brainstorming sessions and rigorous business analysis to refine and elevate my project. Harnessing the power of the "Crazy 8" method, I immersed myself in creative thinking, generating a multitude of ideas to push the boundaries of what's possible. This ideation process was followed by the development of low-fidelity prototypes, a crucial step that allowed me to visualize and iterate on these concepts. The integration of this method was not merely theoretical; I meticulously tested each iteration to ensure its practicality and coherence. This dynamic approach, blending creativity with analytical rigor, defines my commitment to delivering a product that not only meets but exceeds user expectations.

Mid-Fidelity

Following the insightful low-fidelity stage and rigorous testing, the vision for my app, Walletcoins, crystallized into a well-defined concept. Armed with a clear understanding of the user experience and functionality, I transitioned into the mid-fidelity phase. This crucial step involved shaping the skeletal framework of the product, where design elements started to take more concrete form. The Mid-fidelity phase not only solidified the visual aesthetics but also laid the groundwork for a cohesive and user-friendly interface. It marks a pivotal moment in the development process, bringing the conceptualized ideas to life and setting the stage for the subsequent stages of refinement. Stay tuned as Walletcoins evolves into a seamlessly integrated and visually appealing solution for all your needs.



Mid-Fidelity

MoodBoard

Style Tile





MoodBoard/Style Tile

Post the mid-fidelity phase, my focus shifted towards defining the brand attributes that would shape the visual identity of Walletcoins. Through a meticulous process, I identified five key brand attributes that capture the essence of the app. This led to the creation of a mood board, a visual collage that served as a reference point for the overall aesthetic direction. Building on this foundation, I crafted a style tile, providing a comprehensive overview of how Walletcoins would look and feel. This methodical approach ensures that every visual element aligns with the app's identity, creating a cohesive and engaging user experience. The pursuit of the perfect visual representation is a testament to my dedication to not just functionality but also to the aesthetics that enhance the overall appeal of Walletcoins.

Style Guide

Building upon the foundation of brand attributes, mood boards, and style tiles, the next pivotal step in the design journey for Walletcoins involved the creation of a comprehensive style guide. This detailed guide served as a roadmap, outlining key design elements that contribute to the app's visual identity. Careful consideration was given to the selection of fonts, ensuring they resonate with the brand's personality. Alignment and grid systems were meticulously crafted to guarantee a harmonious layout. From buttons to logos, every element underwent thoughtful design choices, reflecting the essence of Walletcoins. Colors were chosen not only for aesthetics but with a strategic intent, fostering a seamless and visually pleasing user experience. This style guide serves as a blueprint, ensuring consistency and cohesion across every facet of Walletcoins' design, delivering an aesthetically pleasing and intuitively navigable platform.




Style Guide




Hi-Fidelity

Hi-Fidelity

Now, with the groundwork laid and all the necessary keys in our hands, we venture into the exciting realm of High Fidelity. This phase marks the transition from conceptualization to tangible reality, where every detail comes to life with precision and finesse. The culmination of extensive research, brainstorming, and design iterations propels us forward, bringing together the carefully crafted elements from low-fidelity prototypes and refined mid-fidelity structures. High Fidelity is the canvas where the vision transforms into a polished masterpiece, with a keen focus on the finer points of design. As we embark on this next step, we're enthusiastic about witnessing the evolution of our project into a visually stunning and functionally robust reality. Let the journey into High Fidelity commence!