360Score.Me

Redesign of a dashboard

MY ROLE

UX Designer

COLLABORATORS

Project managers & developers

TIMELINE

Jun 2024 - Aug 2024

The Results

The Impact

15%

Increase in team productivity

Improved performance by removing key friction points in the internal dashboard

ZERO

Manual bottlenecks

Automated data-heavy workflows to eliminate manual tracking and fragmented input

WCAG

Accessibility

Ensured all designs met accessibility standards through research-driven iterations

REDUCED

Cognitive burden

Reduced overwhelming clutter and added appropriate white space.

Overview

The Problem

360Score.Me needed an intuitive, user-friendly platform that monitors and manages workflow of anonymous peer evaluation surveys.

The Goals

Redesign a complex, outdated survey management system into an intuitive, user-friendly platform. Also, resolve critical usability and accessibility (508 compliance) issues.

Target Users

Internal stakeholders (B2B platform)

Previous Design Appearance

Previous Homepage:

Previous Step-wise survey set-up page:

Previous Employee Shout-Outs page:

Research Phase & Decisions

Methods Used: Critical Analysis of Legacy Design, Accessibility Audit, and Interaction Mapping.

Visual Design

The interface looks outdated, with misaligned elements, heavy grayscale, and inconsistent placement. Similar buttons share the same color, and typography choices cause confusion.

Efficiency through Automation

Pages lack a clear hierarchy, with disorganized layouts and inconsistent components. Navigation is unclear, making it hard for new users to understand where to go or what each page represents.

Visibility & Transparency

Not 508 compliant: isn’t keyboard accessible, lacks alt text and screen‑reader support, uses poor color contrast and small text, and provides no labels or hover states to clarify interactive elements.

Sustainable UX Design

Same color for different functions, non-interactive dashboard elements, and no clear hierarchy.

Ideation

Discovery Method: I focused on a Dashboard-First approach to provide a "high-level view" of all survey workflows immediately upon login.

Narrowing Down: I prioritized three core pages for the redesign: the Dashboard (for management), Survey Setup (for functionality), and Employee Shout-Outs (for social engagement).

Tools: Figma, Canva, Trello, and Microsoft SharePoint.

Lo-Fi Wireframes

My Redesign - Hifi Wireframes

Homepage (Wireframe):

Response Rates page (Wireframe):

Employee Shout-Outs page (Wireframe):

Homescreen Redesign

Testing & Iterations

Issue Identified: Users mistook blue text for hyperlinks.

Changes Made:

Added hover states and clearer button color‑coding.
Replaced the messy manual setup with a step‑wise instructional guide.

Client Feedback Response:

Stakeholders wanted a more social feel, so I added filters and tags to the Shout‑Outs page to make peer interaction smoother.

Reflections & Next Steps

What I learned: Improving the information hierarchy mattered more than updating colors. Reorganizing content turned a cluttered list of links into a usable management tool.

Next Steps:

Convert wireframes into high‑fidelity prototypes.
Run A/B tests to measure whether the step‑wise setup improves completion time.
Conduct a mobile‑responsiveness audit, especially for the Shout‑Outs page.
Explore adding real‑time analytics widgets to the homepage.