Course Catalog

A custom web app for Merced Union High School District
View live application

Universities and colleges have many course completion requirements which can be difficult to keep track of. MUHSD saw that their students did not have an easy way to check if the courses they were registering for were the courses they needed to meet those requirements. The Jet’s Course Catalog web app organizes the school district’s course offerings for students and parents. Phase 2 of the app will be a digital 3-step process allowing students and counselors to easily create a plan aligned with their post-grad goals.

CLient

  • Merced Union High School Disterict

Services

  • Discovery meetings
  • UI / UX Design
  • Web App Development

Duration

  • Phase 1:
    2018 – 2019
  • Phase 2:
    2020 – Present

Technologies

  • Vue.js
  • Firebase
  • PostgreSQL
  • Webpack
  • HTML/CSS

Goals

  • Organize courses
  • Quick access for students
  • Simplify registration process
Our Users

Counselors and students are the two key users of this application. However, it is likely parents will be involved with this process too, so it was important to include them as a user. 

Site Map

The first version of the app did not require a different interface for students and counselors. For the second version, two user experiences needed to be accounted for. The light blue areas of the sitemap are the focus of v2.

The App’s User Story

For the second phase of the app, we created 3 distinct steps in total that would be used to complete the registration process.

Style & Imagery

#012969
#2E5491
#3582FF
#778FB7
#2863C1

Aa

H2 Patua One

H3 Work Sans Medium

B1 Work Sans Regular

L1 Work Sans Bold

B2 Work Sans Regular

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed  lectus nibh.

UI Blocks

Final Designs

Like what you see?

We're Available for your next project
get in touchnext project