Aceable highlight: Mobile App Sign Up
Project: Mobile App Login/Sign Up Redesign
Objective
Our current login screen were outdated and no longer matched our updated in-course designs. As the first screens a user sees upon downloading our application, we needed to create delight for our users while seamlessly getting them through the purchase or sign in processes.
Previous State
Our previous state had some glaring issues that needed updated. To name a few:
Background image is outdated and does not match our in-course branding
Accessibility - the previous state did not meet WCAG standards by a long shot
Key Updates
Animations
Updated colors
Clear hierarchy
Ability to purchase in-app
Options for purchasing
Meets WCAG standards
Working with our motion designers we were able to create several different animated elements within the first few pages of a user opening our app.
Animations:
Splash screen gif (Driving and Real Estate)
Animated logo
Screen sliding animations (Driving and Real Estate)
Course Selection
If a user is creating a new account upon entering our app, they will be asked to select their course for purchasing. This page needed clear information about each course with an emphasis on text hierarchy and highlights of what each course offers to ensure our potential students know which course if right for them!
Purchase Flow
Giving our students one final page in order to select the best payment option for them increases our conversion rate. As a company that has many young users, we wanted to ensure that we provide an option to send a request to parents to purchase on behalf of the student. Outside of this option, we also provide the generic purchase through their device’s account.
