BCIT - OAT

BCIT OAT

A website that allows students to conveniently access information, navigate the site, view class schedules, and gather details about their classes.

My Role: UX Designer, Researcher, Interviewer and Front End Web Developer

Tools: Adobe XD, InVision, HTML, CSS, JavaScript, WordPress, PHP

Project Type: Website Redesign

Project Summary

The goal of the BCIT OAT website redesign project was to develop a responsive website that allows students to conveniently access information, navigate the site, view class schedules, and gather details about their classes. By emphasizing student usage patterns, the project aimed to enhance the overall user experience and enable students to effortlessly locate the information they require.

The Challenge

The original BCIT OAT website presented challenges for students in terms of usability and information accessibility. Students faced difficulties in locating course calendars, accessing class information, and navigating the website efficiently. Our main objective was to improve the website by creating a responsive and consistent design layout with clear, concise content. This redesign aimed to enable students to easily find essential class details and enjoy a seamless browsing experience.

The Solution

The redesigned BCIT OAT website addressed the identified challenges by implementing the following solutions:

Streamlined Navigation: The website's navigation was simplified and organized into clear categories, making it easier for students to find the desired information about their classes and related resources.

Interactive Calendar: A user-friendly calendar feature was incorporated into the website, allowing students to view class schedules, including the start times of their classes. This feature helped students plan their daily routines effectively.

Enhanced Information Presentation: Information about classes was presented in a clear and organized manner, providing comprehensive details such as course descriptions, instructors, class locations, and any special requirements or notes.

Responsive Design: The website was designed to be fully responsive, ensuring optimal viewing and browsing experiences across various devices, including desktops, tablets, and mobile phones.

Sketches + Wireframes

Oat sketch
Oat wireframe
Oat Color Wireframe

Prototype

Oat Prototype

#21437A
#4285F4
#606060
#FFFFFF

View Website

Wrap Up

The redesigned BCIT OAT website received positive feedback from students who appreciated the improved ease of finding information. The streamlined navigation, interactive calendar, and enhanced information presentation contributed to a more effective and enjoyable browsing experience. Students could now access their class schedules, view detailed class information, and find relevant resources without any hassle. This improved website successfully showcased the value of user-centered design principles in creating a more user-friendly and informative website for students at BCIT.

© 2023, Designed and Developed by Matthew Yuen