Education Planner BC - Redesign

Live Site
Post Secondary applications are already a high stress ordeal to begin with. Streamlining applications into one portal reduces the complication for both students and post secondary administrators. My role was to make an enjoyable user experience for students of all backgrounds regardless of technical literacy, background or financial means. I was also responsible for auditing process to ensure the site was up to date with W3 accessibility standards.
Role

UX Developer / Accessibility Specialist

TimeLine

July 2021 - August 2023

Goal

To aggregate all the resources students need to make application decisions in one application with accessibility in mind

Problem

University admins were heavily reliant on EducationPlannerBC to teach them how to use the software. The software was initially designed based on developer needs, but the organization and hierarchy of the information was very unintuitive to the end users.

Solution

DESIGN PHASE

  1. I ran a card sorting exercise with common features the students would be using in order to figure out how to group the information they would need together and discover if there was an information hierarchy.
  2. I then started to standardize the design patterns and components so users can intuitively figure out what a page would do or behave based only on visual cues. This served as the basis for my styling guides, branding guides and components I would reuse in the future in order to minimize developmental work.
  3. I created a set of low fidelity wireframes in order to show a proof of concept
  4. I then moved on to make the interactive prototypes, with weekly check ins with my project manager and product owners in order to iterate on the design process.
  5. I provided input on the language and colour cues given to us by the marketing department. I prefer to keep language and colour consistent in order to confuse the users as little as possible.

DEVELOPMENT PHASE

  1. During development phases I would review each user story for quality assurance, accessibility and to double check that what worked in Figma works as intended with an actual product.
  2. As developers encounter technical limitations that made us unable to implement I would redesign it during the cycle.

POST LAUNCH

  1. I created more system feedback to the user in order to self diagnose issues. We discovered the user issues by emails to our customer service department and interviews with post secondary institutions. For example users were having difficulties finding their applications after submission so I redesigned the navigation in order to highlight this area. Creating more integrated help systems to give the user agency to helps them solve their issues without tech support intervention.

This project allows  the marketing department at EduationPlanner BC to create pages without needing the development departments intervention. The data also integrates in from the Management Console Administrative panel I designed, which allows university admins to control the data that is displayed to prospective students. It also allows them to customize their applications questions, fees, campuses available, programs offered and more.

Common Pain Points

"It is hard to figure out what programs are being offered each year"
"I can't figure out if my school is open for applications"
"It''s difficult to compare programs to each other"

Assets and process

Original VS

Final Product

No items found.

Mobile