Bruin Designs

Description

A community-building platform for students at UCLA to give and receive feedback, and collaborate on design projects

My Role

Solo Designer

Timeline

3 weeks, March 2022

Tools

Figma

Type

Web

Background

Why a design community for UCLA students?

There is no structured design program or curriculum available to UCLA students unless admitted as a design and media arts major

Discover

Researching design communities

User Interviews

Understand the existing UCLA community, identify different users, learn about communities at other schools

Insights

Competitive Analysis

What platforms do students currently use, why they use these platforms, forms of communication, types of use

Communication

Caseworkers want to maximize time with clients

Communicating with caseworkers takes a lot of time

Process

Orders are fulfilled by separate Logistics Members: dividing and conquering takes more time

Finding and logging client information for items takes a lot of time

Constraints

Item stock is limited:
order items only if needed

Clients don’t have access to technology

User Personas

Problem

The design community at UCLA lacks a space where student designers can comfortably explore design
and gain confidence as a designer.

Prioritization

Identifying the most important features

I identified different features from user interviews and competitive analyses. Then, four users voted for their top two most-wanted features that they would like to use on this platform.

From this information, I decided to proceed with designing the collaboration platform and feedback use cases.

Task Flows

Prototyping and Testing

Iterating key flows

Ask for feedback

Iterations

Iterations

Users found the profile drop-down unintuitive

Users were confused by ā€œEnable Offline Feedback Optionā€

Final Design

Settings are discoverable

Tooltips account for ambiguity

Final Design

View feedback

Iterations

Iterations

Schedule feedback option is too hidden

Users want to see granular feedback as well

Final Design

Final Design

Hover or select to view granular feedback

Schedule feedback session directly from comment

View collaboration listings

Iterations

Iterations

Final Design

Inefficient use of space

Final Design

Visual hierarchy and efficient use of space

Final Design

Receiving Feedback

Ask for feedback

Find Collaborators

List a collaboration request

View feedback

Manage requests to join your collaboration

View the final prototype here↗