About The App

About The App

Case Study

UX Research

Branding

Branding

UX/UI Design

Mobile App

Travel To Prototype

Valencia College

Mobile App

Project Overview

Valencia Graphics has been looking for new ways to interact and communicate with students attending their program. In addition, Valencia College aspires to motivate and encourage students to participate in the program outside of classroom hours. They plan on doing this by creating an app that can help students communicate with each other, and also have the necessary information to thrive on the program. Engagement outside of the classroom could be increased by implementing useful information about events, chats where students could engage with each other, and learning information regarding the program.

Travel To Prototype

Valencia College

Mobile App

Project Overview

Valencia Graphics has been looking for new ways to interact and communicate with students attending their program. In addition, Valencia College aspires to motivate and encourage students to participate in the program outside of classroom hours. They plan on doing this by creating an app that can help students communicate with each other, and also have the necessary information to thrive on the program. Engagement outside of the classroom could be increased by implementing useful information about events, chats where students could engage with each other, and learning information regarding the program.

Survey & Interviews

A lot of the students in this program choose to take classes from home. Since, Valencia College offers a lot of flexibility. In finding out if Valencia Graphics does a good job in communicating their events, Valentina says “I feel like they do not do a good job in communicating their events to people who are completely online”. This explains how Valencia needs a place where events are communicated. They aim to do this in things like Slack and the blog. But as stated by Professor Giles, this blog is “Infrequently updated and border line abandoned”. Additionally, research shows that 80% of students are not involved on Slack. This makes it difficult for online students to find out about activities outside of the classroom, which results in less potential audience being reached.

A lot of the students in this program choose to take classes from home. Since, Valencia College offers a lot of flexibility. In finding out if Valencia Graphics does a good job in communicating their events, Valentina says “I feel like they do not do a good job in communicating their events to people who are completely online”. This explains how Valencia needs a place where events are communicated. They aim to do this in things like Slack and the blog. But as stated by Professor Giles, this blog is “Infrequently updated and border line abandoned”. Additionally, research shows that 80% of students are not involved on Slack. This makes it difficult for online students to find out about activities outside of the classroom, which results in less potential audience being reached.

70%

of users stated that they love spending time online

Take mainly online classes

4 in 5

80%

80%

of students are not involved in the slack channel

of students are not involved in the slack channel

90%

of users would download a Valencia Graphics App

of users would download a Valencia Graphics App

80%

of users would like a place where they can receive feedback of students

20%

of users have used the Valencia Graphics Facebook

Survey & Interviews

Take mainly online classes

4 in 5

Michelle Candurin

2024

Our users are students enrolled in the Valencia Graphic and Interactive Program. These users are mainly woman between the ages 18-21. Also, users have an income of around 15,000 to 20,000 a year. The users’ favorite apps are Instagram and TikTok. As stated by Ava “I do not even give out my phone number, since Instagram is my main form of communication”. These users love spending time online, which results in them being driven to take more classes online. This demonstrates that the best way to reach the user is by an online source. Most of them struggle to find free time, since usually they also work apart from being a student in the program. As stated by Valentina,” working and going to school full time can be overwhelming. Since, online classes are a lot more flexible than strictly online classes, a lot of students choose to take the mostly online path.

Our users are students enrolled in the Valencia Graphic and Interactive Program. These users are mainly woman between the ages 18-21. Also, users have an income of around 15,000 to 20,000 a year. The users’ favorite apps are Instagram and TikTok. As stated by Ava “I do not even give out my phone number, since Instagram is my main form of communication”. These users love spending time online, which results in them being driven to take more classes online. This demonstrates that the best way to reach the user is by an online source. Most of them struggle to find free time, since usually they also work apart from being a student in the program. As stated by Valentina,” working and going to school full time can be overwhelming. Since, online classes are a lot more flexible than strictly online classes, a lot of students choose to take the mostly online path.

About The User

About The User

User Flow

User Persona

User Persona

#EA0000

#EAC500

Branding

Branding

Wireframes

Wireframes

High Fidelity Wireframes

High Fidelity Wireframes

Prototype

Prototype

Prototype

MICHELLE

CANDURIN

DESIGNER

About The App

8 Days

Phase 1

Research

Interviews & Surveys

Competitor Analysis

Solution

6 Days

Phase 2

Concept Development

User Personas & Flows

Branding Style Guide

Wireframes

14 Days

Phase 3

High Fidelity Wireframes

Prototyping

Branding Style Guide

5 Days

Phase 4

User Testing

Refinements

Final Project Delivery

Problem Statement

Problem Statement

Valencia College has taken into account the struggles of their students. Apart from an outdated blog and a Facebook page, Valencia College does not have a resource where they can directly communicate with the students participating in the program. They have seen this issue being reflected on the amount of students who attend events and clubs for the Graphics team.

Valencia College has taken into account the struggles of their students. Apart from an outdated blog and a Facebook page, Valencia College does not have a resource where they can directly communicate with the students participating in the program. They have seen this issue being reflected on the amount of students who attend events and clubs for the Graphics team.

Solution

Solution

The outcomes for this project, will not ony be creating a fully functioning prototype for the Valencia Graphics Program. but also providing an experience that the students from Valencia College could enjoy. Also, this project will showcase my skill and process when creating a mobile app. It will also help me improve my skills when using a program like Figma. so I can expand my knowledge and continue to grow as a designer.

The outcomes for this project, will not ony be creating a fully functioning prototype for the Valencia Graphics Program. but also providing an experience that the students from Valencia College could enjoy. Also, this project will showcase my skill and process when creating a mobile app. It will also help me improve my skills when using a program like Figma. so I can expand my knowledge and continue to grow as a designer.

Color Styles

Typography

Typography

Buttons & Icons

Brand Elements

Brand Elements

Louis George Cafe

Louis George Cafe

Helvetica

Heading 32pt

Heading 32pt

Subheading 22pt

Subheading 22pt

Body 16pt

Body 16pt

Request

Request

Requested

View

View

Viewed

Upload

Upload

Uploaded!

User Testing

Outcome

Firstly, the areas that need immediate attention would be the login screen and a slight change to the Activities tab. Specifically, the Valencia Graphics lab tab, or any of the other event tabs. In the login screen, there must be an addition of the option to recover your password. An option to recover your username could be added for the advantage of the user. Also, in the Activities tab, it would be greatly beneficial to have the option to message the groups in the Other Events tab. Since this option is available in the Chat tab, it would be changed to be in the Activities tab only.

Firstly, the areas that need immediate attention would be the login screen and a slight change to the Activities tab. Specifically, the Valencia Graphics lab tab, or any of the other event tabs. In the login screen, there must be an addition of the option to recover your password. An option to recover your username could be added for the advantage of the user. Also, in the Activities tab, it would be greatly beneficial to have the option to message the groups in the Other Events tab. Since this option is available in the Chat tab, it would be changed to be in the Activities tab only.

In addition, the placement of the icons in the header could change for them to be consistent all around the app. The home icon should be taken out of the app completely, and placed into the menu tab so that there are no two icons next to each other. Also, the patterns in the background could be changed to be placed differently so that the app looks more consistent. Some of the buttons should be made bigger since this project is a mobile app and the icons need to be big enough so that users can press them with their fingers. Moreover, some of the pictures could be made bigger so that they can be seen better.

In addition, the placement of the icons in the header could change for them to be consistent all around the app. The home icon should be taken out of the app completely, and placed into the menu tab so that there are no two icons next to each other. Also, the patterns in the background could be changed to be placed differently so that the app looks more consistent. Some of the buttons should be made bigger since this project is a mobile app and the icons need to be big enough so that users can press them with their fingers. Moreover, some of the pictures could be made bigger so that they can be seen better.

A student wants to schedule a meeting with their advisor. They are looking to discuss their previous classes and the classes they should take for the next semester. Get to the page where you can perform these actions.

A student wants to schedule a meeting with their advisor. They are looking to discuss their previous classes and the classes they should take for the next semester. Get to the page where you can perform these actions.

The student starts on the home screen, then proceeds to the menu. They first click on their inbox, and then they exit it. Then, they click on the chat and browse the teacher chat. They scroll all the way down and click on the request meeting button. The students comment that the process is pretty easy and straightforward. They also enjoy the easy navigation of the menu.

The student starts on the home screen, then proceeds to the menu. They first click on their inbox, and then they exit it. Then, they click on the chat and browse the teacher chat. They scroll all the way down and click on the request meeting button. The students comment that the process is pretty easy and straightforward. They also enjoy the easy navigation of the menu.

A student wants to get feedback on their work. They are about halfway done and want to add elements that could make their project more engaging. Upload the work in order to get feedback from your peers.

A student wants to get feedback on their work. They are about halfway done and want to add elements that could make their project more engaging. Upload the work in order to get feedback from your peers.

The student starts on the homepage. They proceed to the menu and click on the Work Share tab. Then, they click on Upload your work. The student suggests a page where you can see in detail what you are uploading. They commented that having the option to upload your work can be helpful for students.

The student starts on the homepage. They proceed to the menu and click on the Work Share tab. Then, they click on Upload your work. The student suggests a page where you can see in detail what you are uploading. They commented that having the option to upload your work can be helpful for students.

Age

Mariah Wilson

Mariah Wilson

“Greatness requires practice”

Age: 21

Location: Orlando, FL

Character: The Dreamer

Work: Salesperson

Introvert

Extrovert

Thinking

Sensing

Personality:

Motivation

Brands &

Influences

Artistic

Artistic

Cheerful

Cheerful

Honest

Honest

Persistent

Persistent

Goals

Goals

To acquire a job as an Illustrator

To acquire a job as an Illustrator

To complete an A.S. Degree in Graphic & Interactive Design

To complete an A.S. Degree in Graphic & Interactive Design

Frustrations

Frustrations

Feeling misinformed

Feeling misinformed

Apps with lack of information

Apps with lack of information

Bio

Bio

Mariah is in her fourth semester at Valencia College. She is pretty familiar with the program. However, she has noticed that she is not involved in the program as much as she would like to be. She has seen posters all around the school with events. However, she takes pictures and forgets about them due to her busy life. Mariah hopes for a way where she can keep track of things that are going on the program.

Mariah is in her fourth semester at Valencia College. She is pretty familiar with the program. However, she has noticed that she is not involved in the program as much as she would like to be. She has seen posters all around the school with events. However, she takes pictures and forgets about them due to her busy life. Mariah hopes for a way where she can keep track of things that are going on the program.

Incentive

Fear

Growth

Social

8 Days

Phase 1

Research

Interviews & Surveys

Competitor Analysis

Solution

6 Days

Phase 2

Concept Development

User Personas & Flows

Branding Style Guide

Wireframes

14 Days

Phase 3

High Fidelity Wireframes

Prototyping

Branding Style Guide

5 Days

Phase 4

User Testing

Refinements

Final Project Delivery

Design Process

User Flow

Helvetica

Buttons & Icons

#EA0000

#EAC500

Color Styles

User Testing

Outcome

Travel To Next Project

Travel To Next Project