Designing a simpler way to pay on campus

From the analysis, I created a map of primary user flows for fundamental activities such as viewing a balance, recharging, and making payments.

From these, I identified unnecessary steps, confusing points, and disparate rules between similar activities that I corrected by restructuring the logic of the user flows and rewriting the information architecture based on genuine user priorities, rather than inherited architecture.

Having ensured the structure was valid, I then established the visual foundation of the application. Decisions on color and typography were made in the interests of clarity and usability rather than stylistic constraints. A number of different color schemes have been tested to check consistency in the disabled, error, and focus states. Typographic design considerations have been made to support scanning and comparisons of monetary information. All of these decisions have been made visually against real content rather than against abstract or optimal designs.

To ensure long-term consistency, I developed a design system with variables and components that are suited to the product’s requirements. This design system allows for web as well as mobile applications, ensuring proper guidance regarding their use, states, and accessibility guidelines. Color, spacing, and typography have been managed through variables to prevent fragmentation.

Accessibility guidelines have been incorporated into components to ensure that they are not affected by any changes in the product.

The reworked Izly app helps increase the efficiency of everyday finance operations, boosts trust in a product operated nationally, and decreases cognitive load. Even more significant is that this design remedies a ‘fix-the-problem-as-it-arises' culture with a ‘systemic base for growth' solution that enables access, compliance, and scalability.

This provides a more resilient and inclusive financial experience that can be scaled without losing its clarity and consistencies.