Onaroll: Finance App for Youth Athletes
What I did
Wireframing
Branding
Illustration
timeline
4 weeks
Scope
Student project
Two screens of Onaroll budgeting app UI featuring a bright, colorful illustrations, highlighting the playful and engaging design.Two screens of Onaroll budgeting app UI featuring a bright, colorful illustrations, highlighting the playful and engaging design.
In a nutshell
Onaroll is a student project and money management app for young student athletes. Offering a direct and intuitive approach, this app is lively, educational, and straightforward.
Jump to Final Product ↓
Art Direction
A Brand that Moves with You
To appeal to a young and active audience, the interface portrays their same energy and dynamism while also feeling approachable and easy to use and navigate.
A moodboard showcasing various designs for Onaroll app design, highlighting vibrant colors and dynamic layouts.
While brainstorming how to express friendliness and energy in the illustrations, the “a-ha” moment came when I found the right balance of shape, line, and sense of action in the circle and motion lines.
Rough line illustrations showcasing dynamic abstract objects and hands interacting.Colourful rough sketches of simple shapes and hands and arms.
Using the concept of hands, motion lines, and abstract shapes, the visual language provides an animated and youthful solution that athletes across the board can relate to. Elements are meant to be adaptable and easily shuffled around with each other to create new illustrations in the same consistent style.
Illustrations of hands reaching out to interact with circles and multicoloured abstract shapes, symbolizing movement and dynamism.
Style Guide
Colour, Type, and Grid
Onaroll app colours, type scale, and grid layout.
Final Product
Many Sketches & Wireframes Later...
Low-fidelity sketchs of mobile app showcasing multiple screens with different features and layouts.A collage of screens displaying various mobile UI, showcasing diverse designs and functionalities.
See it All in Action
Launch home screen of the app featuring a clean design and user-friendly interface for easy navigation.A mobile phone displaying the budget tab interface, showcasing financial tracking and expense management features.Mobile app interface displaying the wallet tab for easy money management and tracking expenses.
next in queue: AFK
next icon