CareerHub

Project overview

The main goal and vision of this project was to migrate the old CareerHub website to a new site with better UI/UX, updated information, and accessibility considerations. This migration is aimed to make the website more accessible for students and staff of the university.

CareerHub

Date:

6/9/2024

(01) 

Overview

Team:

  • 1 project manager
  • 2 front-end web team (including me)
  • 2 members of communications
  • 1 Centre of Career Development member

Role:

  • Web associate co-op student

Define

Migrate the old CareerHub website to a new site with better UI/UX, updated information, and accessibility considerations. This migration is aimed to make the website more accessible for students and staff of the university.

(02) 

Ideate

The project manager and the web designers sat down together creating the strategic plan of how each web page should lay out being given the content list.
Detailed timeline was created with tasks, person in charge, and date of completion to ensure smooth pass offs of webpages.

(03) 

Prototype

1. Building webpages:
We decided to use Confluence as our platform fora more clean and organized look.

2. Drafting landing page:
Adjusted to the limits of the platform and still creating visually appealing homepages.

3. Updating other University websites:
Matching the theme with currently existing mentions of CareerHub.

4. Site-searches:
Indicating changes needed on other websites across the University to support this launch.

(04) 

Final design

  • Better user experience
  • Up to date user interfaces
  • Recent information and data
  • More colourful and lively
  • Student targeted
  • Overall more modern and clean visually

Check it out! -> UWaterloo CareerHub

(05) 

Takeaways

Learned:
  • Communication was key between the different teams that were invovled.
  • Triple checking accessibility (underlined links, heading orders, etc) is very important.
Liked:
  • Having a formatting guide to keep the design consistent with 3 people working on the front-end design.
Longed:
  • User research process
  • Collect more user testing feedback