Project

UX/UI case study

Group/Individual

Group(2 peoeple)

My Role

Project Lead, Design

Date

2024

In this project, I led and participated in the entire process from research to design.

In this project, I led and participated in the entire process from research to design.

Project Overview

Project Overview

One app,
All your campus needs.

One app,
All your campus needs.

Our case study services an educational and organizational services. Our solution aims to how students interact with academic resources, improving convenience, accessibility, and user engagement and ensuring users feel at ease with its usability. The app eliminates the need for multiple tools or platforms, allowing students to efficiently manage information about their academic life from a central hub.

Our case study services an educational and organizational services. Our solution aims to how students interact with academic resources, improving convenience, accessibility, and user engagement and ensuring users feel at ease with its usability. The app eliminates the need for multiple tools or platforms, allowing students to efficiently manage information about their academic life from a central hub.

Our Problem

Our Problem

Navigating the maze of
fragmented university information

Navigating the maze of
fragmented university information

Information related to college life is spread across various platforms, requiring students to navigate multiple sources to find what they need. This process often leads to frustration, wasted time, and a less efficient student experience.

Information related to college life is spread across various platforms, requiring students to navigate multiple sources to find what they need. This process often leads to frustration, wasted time, and a less efficient student experience.

Background

Background

Limited access to information disturbs student participation.

Limited access to information
disturbs student participation.

Limited access to information disturbs student participation.

Many college students have difficulty accessing information about school events, making attendance difficult. Current information communication is a barrier to student participation and should be improved, as it negatively impacts students’ college lives.

Many college students have difficulty accessing information about school events, making attendance difficult. Current information communication is a barrier to student participation and should be improved, as it negatively impacts students’ college lives.

User Interview

Students' difficulties in accessing current information

We conducted 20-minute semi-structured interviews with four University of Washington students to explore their experiences navigating multiple platforms for campus information. This format allowed for flexible responses while ensuring consistent insights across all interviews.

If I want to know about campus events, I might check the their Instagram page. Then, for course reviews, I have to go to Rate My Professor.

Interviewee 2

If I want to know about campus events, I might check the their Instagram page. Then, for course reviews, I have to go to Rate My Professor.

Interviewee 2

If I want to know about campus events, I might check the their Instagram page. Then, for course reviews, I have to go to Rate My Professor.

Interviewee 2

Information Overload from
Multiple Services

College students often face information overload as they navigate multiple platforms. Each service provides different information, making it difficult to gather a clear picture.

Lack of Reliability/Credibility 

Information from services may not align, leading to discrepancies. Without a single, reliable source, students may struggle to trust the information they receive.

Sometimes the information I find on different platforms doesn’t match, and it’s hard to know which one to trust.

Interviewee 2

It’s frustrating when one site says one thing and another platform says something completely different. I don’t know which one is accurate.

Interviewee 2

I followed information from one app, only to find out later it was outdated or wrong compared to another source.

Interviewee 2

Competitive Analysis

Competitive Analysis

Navigating Disjointed Platforms
Hurts Student Experience

Navigating Disjointed Platforms
Hurts Student Experience

College info is scattered across platforms, leading to frustration, wasted time, and inefficiency, showing the need for better solutions in a competitive environment.

College info is scattered across platforms, leading to frustration, wasted time, and inefficiency, showing the need for better solutions in a competitive environment.

Persona

Personas experiencing various problems

We created personas to understand student needs better. Amanda, Ricky, and Jackson represent common challenges in campus life and academics.

Amanda

Freshmen

Adaption

Learning

Curious

“I want to learn more about the campus life and make efficient schedule.”

Sophomore

Studious

Diligent

Logical

“I want to strengthen my resume through club activities and better understand courses before registering.”

Ricky

Jackson

Freshmen

Outgoing

Curious

Energetic

“I want to find events and activities that will help me create memorable experiences during my campus life.”

Our Direction

Based on students' discomfort,
we established 3 key goals

Through our interviews, research, and competitor analysis, we identified three key design goals aimed at addressing students' challenges and improving their overall experience.

Centralized Info

Gather essential college-related information in a single platform

Efficient Navigation

Create an intuitive interface for easy access to information

Reliable Content

Ensure information is accurate and trustworthy

Information Architecture

Designed to Make Campus Life Effortless

This information architecture is designed to make the app easy to use for students. Every feature is organized to maximize user experience.

Userflow

This user flow organizes essential college resources—Courses, Events, Safety, and Sports—into one intuitive app. Features like intuitive class and event organization simplify the user journey by presenting information in a structured and accessible way. This organization reduces confusion and guides users naturally through their tasks, whether they’re exploring course details, registering for events, or keeping track of important dates.

Wireframe

Designed to Make Campus Life Effortless

This information architecture is designed to make the app easy to use for students. Every feature is organized to maximize user experience.

Uni-Path

All Your Courses,
Events, and More
In One Place.

UI Elements

Logo

Font

Greyscale

Source Sans Pro

Right

Regular

Semibold

Bold

Uni-Blue

Onboarding

Onboarding

Create Your Account

Create Your Account

The onboarding process includes a school verification step, allowing only verified students to write course or instructor reviews. To improve accessibility, a Continue as Guest option lets non-verified users browse content.

Since the onboarding is slightly longer than other services, we added a progress bar to reduce drop-off. It shows users their current step. By making progress visible, users feel more in control and are less likely to abandon the process.

The onboarding process includes a school verification step, allowing only verified students to write course or instructor reviews. To improve accessibility, a Continue as Guest option lets non-verified users browse content.

Since the onboarding is slightly longer than other services, we added a progress bar to reduce drop-off. It shows users their current step. By making progress visible, users feel more in control and are less likely to abandon the process.

Customize Your Sports

Customize Your Sports

Users can easily choose their favorite sports categories and receive tailored updates on upcoming games, scores, and events.

This customization ensures that students only see the content that matters to them, enhancing their engagement and making it easier to stay connected with their preferred athletic activities on campus.

Users can easily choose their favorite sports categories and receive tailored updates on upcoming games, scores, and events.

This customization ensures that students only see the content that matters to them, enhancing their engagement and making it easier to stay connected with their preferred athletic activities on campus.

Course

Course

Find Your Courses
For University Life

Find Your Courses
For University Life

The Course screen is designed to allow students to view necessary information before starting class.

The Course screen is designed to allow students to view necessary information before starting class.

Find Your Courses

This page offers a interface where students can easily search for and view courses. Each course is neatly listed with key details such as course name, times, locations, and instructor information.

Filter Your Courses

The filter page allows students to customize their search for courses based on specific criteria.

With this filtering option, users can quickly narrow down options to find courses that best fit their schedules, academic needs, and preferences.

Course Information

This page provides details about each course including general information, prerequisites, and course description.

This organized course information section provides students with comprehensive details at a glance.

Check the Reviews

This section features user-generated reviews and ratings for courses and instructors. Students can share their experiences, offering valuable feedback that helps future students make informed decisions when selecting classes, leading to a more personalized and fulfilling academic journey

Event

Event

Discover Campus Events

Discover Campus Events

This section provides users with a list of campus events, allowing them to easily discover activities happening around them. By clicking on an event, users can access detailed information, including the location, time, description, and promotional images or posters.

The feature not only simplifies event discovery but also encourages student participation and engagement, helping to foster a vibrant campus community.

This section provides users with a list of campus events, allowing them to easily discover activities happening around them. By clicking on an event, users can access detailed information, including the location, time, description, and promotional images or posters.

The feature not only simplifies event discovery but also encourages student participation and engagement, helping to foster a vibrant campus community.

Sports

Sports

Campus Sports Hub

Campus Sports Hub

This section offers users a customized view of upcoming game schedules as well as past game results based on the sports they selected during onboarding setup.

This feature enhances engagement and makes it simple for students to stay updated on their athletic interests.

This section offers users a customized view of upcoming game schedules as well as past game results based on the sports they selected during onboarding setup.

This feature enhances engagement and makes it simple for students to stay updated on their athletic interests.

Maps

Maps

Campus Safety Guide

Campus Safety Guide

This section provides a detailed map highlighting recent incidents on campus, including burglaries, robberies, and other safety concerns. Users can navigate pinned locations to view event details and receive real-time alerts about ongoing safety issues.

This safety map empowers students to make informed decisions and navigate the campus with greater awareness and confidence.

This section provides a detailed map highlighting recent incidents on campus, including burglaries, robberies, and other safety concerns. Users can navigate pinned locations to view event details and receive real-time alerts about ongoing safety issues.

This safety map empowers students to make informed decisions and navigate the campus with greater awareness and confidence.

Reflection

Reflection

Through the project, I learned that it is very difficult to carry out and repeat a project. As a group project, I learned how to communicate through this repeated process. It was difficult to finish a project, but the experience of finishing it was an opportunity for me to grow significantly.

Through the project, I learned that it is very difficult to carry out and repeat a project. As a group project, I learned how to communicate through this repeated process. It was difficult to finish a project, but the experience of finishing it was an opportunity for me to grow significantly.

Instagram

Linkedin

Get in touch

© 2024 — Framer Template by CocoBasic

Instagram

Linkedin

Get in touch

© 2024 — Framer Template by CocoBasic

Instagram

Linkedin

Get in touch

© 2024 — Framer Template by CocoBasic