×

Team

Adrian Tolentino

Fiona Chen

Mayra Trejo

Tools

Figma

Discord

Google Workspace

Timeline

3 months

Overview & Problem

Revitalizing community engagement through website redesign

The Multi-Identity Art Collective (MIAC) at UCSD brings the art community together through inclusive practices and inviting events. To support this mission, I led a website redesign that transformed the site into a comprehensive resource hub for members and students. The new design enables users to easily locate event locations and times, driving a 40% increase in event registration for the club. This update also positioned the website as a central point for community engagement and event participation.

Objectives

Areas of improvement for the website

Solution

Fun and friendly UI with functionality

Step 1 Image Step 1 Image
Step 2 Image Step 2 Image
Step 3 Image Step 3 Image

Survey Research

People do not know much about MIAC

I first sent out a survey to the organization to learn about what our clients were looking to achieve with their redesign, gathering insights on their target audience and who they are as an organization. The majority of new attendees don’t know where the venues for events are since the organization was forced to go remote due to COVID-19. It is also unclear to newer members what differentiates MIAC from other art clubs.

User Interviews and Personas

Art is an intimidating environment

After learning about how people inside of the organization felt about MIAC, my team and I conducted interviews with 9 individuals who pursue art and developed user personas based on the interviewees. I’ve asked them questions below to find trends for motivations to join art communities and what they currently know about MIAC.

Research Questions

  1. How frequently do you engage in art?
  2. Have you ever wanted to join an art community? Why or why not?
  3. What do you usually look for in art communities?
  4. Do you know what MIAC does?
  5. Were you aware that MIAC had a website before this interview?
User Persona

Competitive Analysis

Other organizations’ websites were easy to navigate and allowed attendees to register for events

From the user interviews, many other organizations had simple navigation and had all the relevant resources that non-members would need. I analyzed two of the biggest organizations on campus to see how they organize their websites. I found that they made it easy to register for events as well as having clear methods of contacting them.

2 Big UCSD Orgs Used For Competitive Analysis

Main Insights

Help non-members feel invited to the community

Based on the trends from the competitive analysis and insights from various students on campus, I’ve noticed how people find it difficult to join already established communities, especially if they do not know much about the organization. Trying to mitigate this fear that students have by providing them with the resources necessary to help guide their joining decision is an important aspect to consider when developing the website.

3 Main Takeaways from Research

Site Map

Site Map

Designs

Setbacks and consisitency

We spent a lot of time experimenting with the style for the website while developing the website. This slowed down our design process by at least a week because we would have inconsistent designs and would have to realign ourselves on our styling. After taking the time to touch base and develop a style guide, it helped us meet our tight deadline of 10 weeks for this redesign.

Moodboard

Testing and Improvements

2 major design changes

Based on various feedback from our TAs, I continually iterated over my screens over the span of 2 weeks with 2 major improvements:

Design Change 1 Design Change 2

Final Designs

Final Screens

Reflections

Final Reflections and future edits

This was my first reaching out to a client and offering to redesign their website. It was a challenging experience that taught me a lot about how to work with outside clients and making sure that their needs are met. With that being said, here are some things I would’ve done differently:

  1. Before you design with a team, think of the constraints and follow the same design system. When we started the actual designing process, we would discuss a lot of various ideas we had for the website, but never 100% settled on how we were going to do so. This led to us having to spend extra time on providing feedback on correcting inconsistency with our designs over the actual designs itself.
  2. Focus on functionality first, then make it pretty. While the UI is a very important part of the user experience, making sure that the designs include all the necessary components like the events page lacking an add to calendar function initially should be the priority. Going forward, I would spend more time thinking about the use cases.
  3. Deadlines should guide your decision making. I didn’t have enough time at the end of the contract to iterate over the designs as much as I would’ve like to. I spent a majority of my time making sure I was understanding all of the needs for the website that when it came time to design, we were on a time crunch. In the future, I need to focus on allocating time better so that no part of the design process gets skimped on.
My Design Team

Thank you so much for reading! 😁

For more work inquiries or to have a coffee chat, please email me at celinenguy03@gmail.com! 🍵

You May Also Like...

Bubble Left Bubble Left Bubble Left Bubble Right Bubble Right Bubble Right