Reflections
This project was one of the early ones in my career, focused on UI design. At the time, prototyping wasn't commonly used, and I relied on static designs informed by user research from a previous project. While this research provided valuable insights into user preferences, usability testing wasn’t part of the process, so the design wasn’t validated with users. Since then, I’ve made usability testing a core part of my workflow, ensuring designs are iteratively refined and validated at key stages. My approach has evolved significantly, with a stronger focus on user feedback and interactive prototypes that better showcase the user experience.

The problem

The existing study planner on Get Revising required users to fill in their information through a multi-step wizard with several stages and questions. While this approach provided a personalized planner, it was time-consuming and cumbersome, leading to a less efficient user experience. The challenge was to design a mobile app that streamlined the process, making it quick and easy to use while still offering a personalized, effective study planner.

Having recently worked on making the Get Revising website responsive across various devices, I was aware that the Study Planner was not yet available on smaller or medium-sized devices. While the Study Planner had a well-tested and frequently improved wizard, it was designed for large screens only. The challenge here was to adapt this wizard into a simplified, mobile-friendly version, ensuring that users could easily complete the process without losing functionality.

The problem

The existing study planner on Get Revising required users to fill in their information through a multi-step wizard with several stages and questions. While this approach provided a personalized planner, it was time-consuming and cumbersome, leading to a less efficient user experience. The challenge was to design a mobile app that streamlined the process, making it quick and easy to use while still offering a personalized, effective study planner.

Having recently worked on making the Get Revising website responsive across various devices, I was aware that the Study Planner was not yet available on smaller or medium-sized devices. While the Study Planner had a well-tested and frequently improved wizard, it was designed for large screens only. The challenge here was to adapt this wizard into a simplified, mobile-friendly version, ensuring that users could easily complete the process without losing functionality.

The outcome

The desktop version of the Study Planner used different colours and icons to represent various session types. I carried this visual language over to the mobile app by incorporating the same colours into the setup screens and using the coloured icons within the planner to maintain consistency across platforms.

Using the wireframes and the new style guide I created for the Get Revising responsive site, I designed each key screen of the app. Recognizing that the Study Planner is primarily composed of form fields, which can feel long and monotonous to users, I aimed to make each screen as visually engaging as possible to reduce the likelihood of user drop-off. To achieve this, I used bright, bold colours from the established palette and a clean, legible font to enhance readability and user interaction.

Once the designs were built, I participated in functional testing to ensure each page worked seamlessly across all device sizes, with all elements functioning as intended. Additionally, I conducted a thorough visual QA to verify that the final screens matched the original designs, ensuring a high-quality user experience.

The outcome

The desktop version of the Study Planner used different colours and icons to represent various session types. I carried this visual language over to the mobile app by incorporating the same colours into the setup screens and using the coloured icons within the planner to maintain consistency across platforms.

Using the wireframes and the new style guide I created for the Get Revising responsive site, I designed each key screen of the app. Recognizing that the Study Planner is primarily composed of form fields, which can feel long and monotonous to users, I aimed to make each screen as visually engaging as possible to reduce the likelihood of user drop-off. To achieve this, I used bright, bold colours from the established palette and a clean, legible font to enhance readability and user interaction.

Once the designs were built, I participated in functional testing to ensure each page worked seamlessly across all device sizes, with all elements functioning as intended. Additionally, I conducted a thorough visual QA to verify that the final screens matched the original designs, ensuring a high-quality user experience.

Get Revising Study Planner App

Mobile and tablet app design for the most well loved tool, the Study Planner.

Reflections

Reflections

The problem

The problem

Personas & user journeys

The outcome

The outcome

Other projects

UniMatch

Get Revising Responsive Website

ShelterBox volunteer portal redesign

TSR Discussion App