I designed this project following the briefing sent by Clara regarding their wallet and card detail pages. The only thing received was the briefing. From then on, I was the one who reserached the needs, wireframed and prototyped the entire project.
About the project
Clara is a platform for business spendings control and corporative card creation. It's goal is to make managing your employees' benefits easily.
The briefing was very direct in saying what needed was to create a revamped proposal for their card visualization page in the mobile app that allows their users to: - Visualize and consult their physical and virtual card(s) information. - Consult the card balance and credit line information. - Visualize the card usage settings.
The design
The main detail that needed to be kept in its original design was its “simplicity” caracterized by the limited color palette and the excess of information that should be easy to absorb.
In your list of cards, there are only the necessary information that is needed for identification (color, name, and final digits) and the main information that most users need to know: its current balance. The remaining details are found inside the specific screens for each card, along with other actions and informations.
The card balance information shows data with even more details about its use, including the amount of balance used in specific periods of time or the percentage spent by category, which has the goal of helping the user to learn how to manage their budgets.
