UCF Downtown Mobile Application

Project overview

This course project was a randomly assigned group of 6 and we were tasked to choose a website or application we believed that needed a revamp. Our group ultimately decided on reworking the UCF Mobile Application with a Downtown campus focus specifically in mind because our program is based out of the downtown campus.

Visit Prototype

My Role in the Project

My role in this specific project was a co-designer. UCF provides a set style guideline for university related platforms. This meant I needed to really examine the guidelines and collaborate with the other designer and the rest of the team to establish the correct design approach with what we were required to use from the guidelines.

The design idea for the project was to simplify and modernize the schools application for a more streamlined, easy to look at and accessible interface for students to quickly find information about the downtown campus while adhering to UCF’s set style guidelines.

The information to the right is a little look into the style guide me and our other designer created detailing how we implemented our stylistic choice into our redesign of the application.

Screenshot of the UCF Downtown application style guide that details the colors and accessibility sections. The colors section shows the UCF color palette and the color codes for the palette. The accessibility section details the specific design choices that were implemented to further the accessibility to the application.

Screenshot of the UCF Downtown application style guide that details the notifications and writing style sections. The notifications section details the stylization for the three different types of notifications in the application. The writing style section details what is being looked for in the type of writing that is to be expected throughout all content in the application.

Screenshot of the UCF Downtown application style guide that details the typography and headings sections of the application. The typography section details the three different font choses used in the application and where they are applied. The heading section details where the different heading sizes are used and gives specific sizings for future development teams.

Screenshot of the UCF Downtown application style guide that details the specific example of how the individual sections are intended to be styled.

Screenshot of the UCF Downtown application style guide that details the athena framework ui elements and the font awesome icon sections. The athena ui elements section details a UCF framework that gives access to ui design elements that were used in the project. The font awesome icon section details the incorporation of font awesome icons with how and where to use them.

Accessible Thinking

When thinking of ways we can implement modern design practices into the application, we really wanted to make sure the application had multiple accessibility options. UCF is a very diverse college with multiple different languages being spoken. Adding a language preference and changing the applications entire language based on user selection was a big improvement to help accommodate as many people as possible.

More accessibility improvements we included are the ability to select between three different text sizes that will affect the size of the text throughout the entire application. We also added a dark mode option to darken the entire interface to help with eye strain that may be caused for some users while on the light mode setting.

UCF Downtown Login Screen that has a form for user NID and password for login or also the ability to continue as a guest. — UCF Downtown login screen.

UCF Downtown academics screen displaying the students current grades. — UCF Downtown academics screen.

UCF Downtown home screen that displays traffic notifications, important announcements, and the students class schedule. — UCF Downtown home screen.

UCF Downtown setting screen displaying the language preferences and accessibility settings. — UCF Downtown setting screen.

Live Application Concept

We designed the application to be more simplified and streamlined the application to be quick to use for the users of downtown campus. We focused specifically on UCF Downtown because the current UCF Mobile application did not offer a tailored experience for the downtown campus students. We designed the applications to have features such as traffic notifications, detailed schedules with travel times and rooms, and access to myUCF features like grades all directly in the app to provide users with access all in one spot.

UCF Downtown Mobile Application

Project overview

My Role in the Project

Accessible Thinking

Live Application Concept

Reach Out!