The critique that builds. The system that connects.

Visual Vista

Building real connection for creatives through critiques

A feedback-based educational platform for creatives to grow, and an optimized system for administrators.
TIMELINE

April 2024 - May 2024 (4 weeks)

ROLE

End-to-end product designer

TEAM

3 Product Designers

TOOLS

Figma, FigJam, CyBox, Google Forms, Miro

services

Web App Design

TL:DR

Overview

My team and I designed an educational collaboration system that helps students and faculty, focusing on streamlining the feedback loop between students and faculty, as well as management flows with administrators.

The Problem
Design operates through critiques, helping designers grow through the feedback of their peers and mentors, but many students lack resources and collaborative opportunities.

Existing sites focus on commercial and professionals but lack space for students in academic setting and growth through work-in-progress feedback.

The Strategy

Critique isn't done through a bunch of buzzwords; it needs to be insightful, structured, and documented, especially in an academic setting such as design colleges, while easing students' anxiety when giving and receiving feedback.

This leads to Visual Vista, a centralized, less-intimidating way to facilitate critique.

The Result

100% of student testers felt less intimidated in receiving critique after testing Visual Vista and would like to use one if such a site existed.

100% of faculty testers found the rubric and feedback media, such as screen recording and voice note, helpful.

Stakeholders

The key stakeholders

The relationship between giving and receiving feedback requires not only students' psychological safety but also the faculty's workload as the orchestrator and the administrator's operational control in streamlining.

Faculty

Busy professors with academic workloads who require a streamlined, asynchronous method for providing high-quality feedback

Student

Passionate design students who are technically driven but often hindered by the psychological barrier of critique anxiety

Administrator

Detail-oriented system managers maintain a secure and optimized digital ecosystem, streamlining reports between faculty and students

Research

Current design sharing sites

We looked for current tools that are popular among students and designers in general.

dribble

Landing page has static and moving items which is distracting and overwhelming

pinterest

Can’t filter works

No links in profiles for other sites

cybox

Could be easier to navigate with the collections page being displayed first

Behance

Landing page is overwhelming with very little large type to categorize

Images only which makes it more flexible but more inconsistent

dribble

Landing page has static and moving items which is distracting and overwhelming

pinterest

Can’t filter works

No links in profiles for other sites

cybox

Could be easier to navigate with the collections page being displayed first

Behance

Landing page is overwhelming with very little large type to categorize

Images only which makes it more flexible but more inconsistent

Key insights

Most of the available sites are structured to focus on work display rather than providing feedback. Most sites are catered to professional designers and freelancers, while students need a niche space to grow with peers.

While Dribbble and Behance are great for finished work, there's no space for the "messy in-between" where students grow through feedback in their design process.

Visual Vista's goal is not on finding inspiration, it's to enforce growth through critical thinking that leads to a refined-quality work.

User groups interactive tasks

initial proposal of interactions and what stakeholders do within asynchronous collaboration. We gathered five professionals consist of professors and experienced admins.

Constraints that make cooking less desirable

We also conducted further research on what factors take part in making students feel less motivated in integrating meal-prepping experience in their lifestyle.

Research

The big 3 questions we asked

We gathered data from students, faculty members and professional administrators. What do the stakeholders actually need in a critique platform? How does it make them feel?

Ideation

Solutions that ease the mind

The user journey, empathy map, affinity map, and competitor analysis were the starting points for generating solutions. We came up with value propositions to bridge the gap between users' anxiety and a safe meal-prepping experience.

What specific types of feedback do students find most beneficial to their growth without increasing academic stress?

How can the platform be integrated into faculty's existing classroom workflows to provide flexible, multimodal feedback across different stages of a project?

What administrative tools are required to efficiently manage user permissions, moderate content, and ensure data security across the department?

Qualitative scoping

My team and I conducted guerrilla user interviews with two full-time students, undergrad and post-grad levels. We explored students’ feelings and experiences with meal prepping as full-time students. The data helped us better understand people’s day-to-day behaviors in meal-prepping. Our team also analyzed participants’ patterns and pain points to gather potential value propositions that could ease their pain.

Key takeaways

We identified the main pain points that students, faculty, and administrators face when performing their primary tasks. We navigated what each stakeholder needs when operating on their end.

Qualitative scoping

My team and I conducted guerrilla user interviews with two full-time students, undergrad and post-grad levels. We explored students’ feelings and experiences with meal prepping as full-time students. The data helped us better understand people’s day-to-day behaviors in meal-prepping. Our team also analyzed participants’ patterns and pain points to gather potential value propositions that could ease their pain.

Key insight

We concluded that participants struggled with safety, knowledge, and maintenance.

Key insight

We gathered data that students tend to feel nervous before giving feedback, and having a supportive space would be beneficial. Faculty members require flexibility in time and organization to provide feedback, while administrators prefer a versatile space for efficient task configuration.

🌟 Our solutions prioritize the user’s confidence, flexibility, and autonomy when collaborating asynchronously in Visual Vista. We addressed the main tasks, catering to users' needs for collaboration and growth.

Persona

Stakeholders goals

We created a persona for each stakeholder, and I was responsible for the students' pain points and needs. I took notes on what students often felt before giving critiques and what notable features they needed to provide and receive feedback.

Ideation

Solutions that ease the mind

The user journey, empathy map, affinity map, and competitor analysis were the starting points for generating solutions. We came up with value propositions to bridge the gap between users' anxiety and a safe meal-prepping experience.

As a busy professor, I would like a site that is accessible and easy to use so I can spend my time helping my students.

As an analytical designer, I value critique, and I would like a platform that fosters community learning, allowing me to annotate with in-person precision.

Dr Emily Martinez

Associate Professor at ISU College of Design

As a student who often feels nervous before critiques, I want to engage with my peers through a low-friction, supportive feedback tool without significant fear of judgment.

As an aspiring designer, I aim to showcase my work in a structured, professional environment where I can receive constructive critique to help me build a high-quality portfolio.

Alex Chen

Graphic design student at ISU College of Design

As a network administrator, I would like a site that complies with necessary guidelines and is easy to maintain/fix when problems arise.

As an organized IT admin, I want to have a site that is simple and clear in layout, information, and needs/requirements.

Sarah Johnson

Administrative Coordinator at ISU

Ideation

Solutions that bridge the gap between stakeholders and accessibility

The user journey, empathy map, affinity map, competitor analysis, and user hypothesis were the starting points for generating solutions. We developed value propositions to bridge the gap between the complexity of multi-stakeholder interactions and an accessible platform.

Ideation

Solutions that ease the mind

The user journey, empathy map, affinity map, and competitor analysis were the starting points for generating solutions. We came up with value propositions to bridge the gap between users' anxiety and a safe meal-prepping experience.

Solution

To thrive is to connect

My team and I came up with two main tasks of each stakeholder to ease their pain points and provide them with solutions on how Visual Vista can streamline their needs.

A 'small' gesture that actually matters

Students are the primary content creators in Visual Vista. Their main hurdle is the 'critique anxiety' that prevents them from participating confidently. By allowing students to leave encouraging comments in each other's work boosts student's confidence in their product.

They require a low-friction interface that strikes a balance between social encouragement and professional growth.

Feedback can be conversational

The goal was to foster connections between peers and faculty members while providing students with professional feedback. It needed to be less rigid, yet it encouraged students to observe one another through critical thinking.

By allowing students to upload their work at their own pace within a timeline, participants can review it wherever they are without being in person.

Hosting doesn't need to take hours

Faculty are busy and providing a premade structure reduces setup friction and could save up time by 60%. Templates allow the flexibility to host critique section without the heavy workload of starting from scratch.

Feedback delivered through various ways

Faculty are professionals with various ways of critiquing. Visual Vista provides tools for redlining or leaving commentary, including audio and video recording, highlighting, and a lasso for precision.

The rubric section also allows faculty to provide feedback with point precision, aligned with the course module requirements.

Urgency execution ensuring product safety

Administrators are heavy with tasks and Visual Vista provides a flag feature to reduce cognitive load and lead them to what needs to be executed first. Submissions and rosters equipped with low, medium and high urgency flags, allowing admins to sort and proceed immediately.

Administrative override granting permission control

Administrators oversees not only submissions, but also roster members. They have the autonomy to add and remove members who are not compliant to the academic ethics and guidelines. Each participant will be notified if their comment, submission or access is removed by the admins.

Accessibility

Interface legibility is the priority

Button selection color was changed to pass the accessibility checker, ensuring all states are legible and adhere to WCAG.

Future Improvement

What we could've done if we had more time

If I had more time, I'd have integrated AI assistant for all stakeholders. The value propositions are: template-making and feedback assistant for faculty, outside resource inspirations for students and automatic report filter/alerts for administrators.

AI-Assisted Feedback Synthesis

To further support Faculty Autonomy, I would explore integrating a lightweight AI layer that could group similar student questions or suggest "Common Corrections" based on the grading rubric. This would allow faculty to address the entire class on common issues with one click, leaving more time for deep, 1-on-1 mentorship.