Onfielder

(UI/UX Project)

I designed a native mobile app for Onfielder, an educational platform, that will correspond with their current website and allow their customers to easily access their account and submit projects.

the problem

Onfielder currently only has a website and no mobile app. This increases friction while using their platform and decreases accessibility.

the goal / requirements

1. Create consistency across the two platforms and produce a collective user experience and customer experience

2. Allow customers to access personal information, track progress, and submit work through app

the context

Reviewing Onfielder’s website allowed me to gain insight on their brand language and identity as I began to translate their website into a mobile app.

user flow chart

By creating a user flow chart, I was able to better understand and visualize the process a user would take to navigate through the app.

wireframe

In the early iterative stage, I designed low-fidelity wireframes to determine test usability, functionality, and style for overall consistency.

styleguide

I developed a style guide to create consistency and uniformity across Onfielder’s web and mobile app.