Valencia Graphics is a student connection app that aims to increase engagement in and outside of class.

Valencia Graphics is a student connection app that aims to increase engagement in and outside of class.

UX/ UI Design

UX/ UI Design

UX Research

UX Research

Project Overview

Project Overview

Project Overview

As part of a collaborative project, my classmate and I designed a mobile application for the Valencia College Graphic Design Program. Our goal was to improve communication among students and professors, encourage engagement outside the classroom, and create a more tight-knit community within the program. By integrating essential features into a single platform, we aimed to address existing challenges and enhance the overall experience for users.

Role

Role

UX/UI Designer

UX Researcher

Tools

Tools

Figma

Adobe Illustrator

The Challenge

The Challenge

The Challenge

What combination of services, available as an app, will increase student engagement outside of the classroom?

My Design Process

My Design Process

Phase 1: Define & Research

Phase 1: Define & Research

Phase 1: Define & Research

Breaking down the goal

Breaking down the goal

To guide our product, we created the following refined problem statement:


Problem Statement: The Valencia College Graphic Design Program struggled with communication and engagement between students and faculty. Platforms like Canvas, Slack, and Outlook were used inconsistently, causing missed information and limited interaction. Students wanted one central platform for notifications, connecting with others, and accessing resources.


To guide our product, we created the following refined problem statement and list of goals:


Problem Statement: Devil Den’s existing website no longer reflects the immersive experience and natural beauty of the spring itself. With outdated visuals, limited user flow, and a lack of engaging elements, the site falls short in capturing user interest and communicating the brand's identity. A redesign was needed to enhance the overall user experience, increase engagement, and bring the brand to life through modern, cohesive design.

To guide our product, we created the following refined problem statement and list of goals:


Problem Statement: Devil Den’s existing website no longer reflects the immersive experience and natural beauty of the spring itself. With outdated visuals, limited user flow, and a lack of engaging elements, the site falls short in capturing user interest and communicating the brand's identity. A redesign was needed to enhance the overall user experience, increase engagement, and bring the brand to life through modern, cohesive design.

The User Research

The User Research

For this project we had to generate questions to conduct interviews and create surveys to send out to users. One for students; one for professors. This form of research let us see who are target audience are and what they were used to using, what features of communication apps they liked, and any pain points with what they were using already. Students shared frustrations about missing event notifications because information was spread across different apps. Professors emphasized how student participation often leads to greater success. Our research revealed that users wanted timely notifications, more ways to interact, and a centralized place for important information. These findings shaped our design to ensure the app addressed the specific needs of its users.

Understanding our audience

Understanding our audience

The primary users of the app are students and professors within the Valencia College Graphic Design Program. Students seek an easy-to-use tool for communication, resource access, and collaboration. Professors desire a reliable platform to share announcements and engage with students more effectively. Both groups expressed a need for timely notifications, opportunities for interaction, and access to valuable content like project showcases and professional tips.

User Flows

User Flows

Understanding the path a user takes through a product or interface to complete a specific task.

Phase 2: Concept Development

Phase 2: Concept Development

Phase 2: Concept Development

wireframes

wireframes

Understanding the path a user takes through a product or interface to complete a specific task.

Phase 3: Build and Implement

Phase 3: Build and Implement

Phase 3: Build and Implement

Prototyping the golden path

Prototyping the golden path

We started our design by creating the login and sign-up screens to establish the app’s visual identity. Key design choices included adding an interactive calendar, enhancing communication tools with a chat feature, and creating a central hub for resources. Most importantly, we implemented bottom navigation to make it easy to navigate throughout the app.

Phase 4: Testing and Refinement

Phase 4: Testing and Refinement

Phase 4: Testing and Refinement

Evaluating Usability with Students

  1. You need to get some information from a student from your Advance Graphics Design class because you missed a day of class. You go to your messages and send a message to Lily in hopes to get the missing information.

  2. You are getting a lot of notifications and would prefer to not be bothered. Go into your user profile and turn off notifications so you can finish your work without being bothered.

  3. You are interested in going to a school event. You see that there’s an open mic night. You want to go so you decide to a get a ticket for the event.

  4. You need to get some information from a prefessor from a previous course. You go to your messages and send a message to your old professor Kevin Boynton.

Implementing the Feedback

Implementing the Feedback

In our final sprint, we reflected on everything we learned, made changes based on user feedback, and finalized the loose ends.

Reflecting Back

Reflecting Back

Reflecting Back

Challenges

Challenges

  • We had to complete it within a limited time frame, which was the academic term.

  • We couldn't do extensive user testing beyond our classmates.

  • Overcoming challenges with team collaboration and work style differences.

Key Takeaways

Key Takeaways

  • Testing with actual students and professors uncovered usability problems we didn’t anticipate during design.

  • Professors and students had different expectations, reminding us to design with multiple user perspectives in mind.

  • It was my first time completing a project at this scale and impact so I was really proud of myself.

Explore More Projects

Refreshing the brand identity for a campground in Williston, Florida, known for its prehistoric underwater spring and unique diving experience.

UX/UI Design

Website Redesign

A comprehensive branding project for Lexford, a financial institution designed to convey trust, professionalism, and timeless strength.

Brand Design

Creative Direction