Case Study:

On Track Learning SAT Dashboard

UX/UI Design & Front-End Development

Designing, coding and integrating a custom user dashboard for a student learning portal in less than 24 hours.

On Track Learning provides SAT prep services for students, and needed their custom dashboard to be vastly improved to better communicate student's SAT scores vs. benchmark scores, and to promote their services.

On Track Learning SAT Dashboard

Project Details

I was approached for this project less than 24 hours prior to it going live, and while the client had a solid dashboard at the time in terms of functionality - it didn't look the part. They needed some assistance improving the overall user experience and implementing a better information architecture to promote their "boost your score" feature.

Within minutes of our initial GoToMeeting chat, I understood the product and was able to start mocking-up a new front-end design for the dashboard within Adobe XD. Only 2 hours later we all met to review the design, made some tweaks, and I got to work coding this with HTML/SCSS/JS/jQuery. Working alongside their back-end developer, this was integrated on-the-fly on a staging server with actual data. Multiple state variations were coded into the SCSS classes in a BEM style, to allow them to clearly mark positive and negative attributes of scores vs. benchmarks, and the entire thing was cross-browser and cross-device tested on real devices.

From a blank canvas to finished front-end code in less than 11 hours, the new student dashboard went live just in time for the students to login and review their latest SAT prep scores the next morning. In a project like this, communication was key - we were always back and forth on chat, between BaseCamp and on GoToMeeting calls to make sure the entire team was in-agreement and that it came together to a high-quality standard, despite the fast turnaround time.

On Track Learning SAT Dashboard
Joan Cuenco

"If you are looking for a skilled front end developer, with an eye for design and superb interpersonal communication skills, then look no further. We have worked with many companies and freelancers over the past several years, and he is by far the best.”

Joan Cuenco

Co-Founder @ East Bay Prep

Want to chat?

Have a project in mind? Feel free to get in touch to chat!

Get in Touch
  • HTML
  • CSS3
  • JS

Have a project in mind?

I'd be happy to chat, and see if we'd be a good fit...