LinkedIn account – kyndrawynne LinkedIn logo linked to the LinkedIn account for Kyndra Wynne knwynne@asu.edu Email icon linked to knwynne@asu.edu
App Review Dashboard

Revolutionizing Digital Content Reviews

As an independent designer and front-end developer, I conceptualized and built an internal dashboard to streamline content review processes for digital marketplaces and content platforms. This project aimed to address the growing challenges in managing the increasing volume and complexity of digital content submissions.

Project Type

Conceptual Design

My Role

UX/UI Designer, Front-End Developer

Tools

Figma, React, Recharts, Lucide React, Tailwind CSS

Key Skills

User Research, Information Architecture, Interaction Design, Visual Design, Prototyping, Front-End Development

THE CHALLENGE

Digital marketplaces face numerous challenges in their content review processes, including:

  • Inefficient workflows leading to unpredictable review times
  • Inconsistency in applying review guidelines
  • Difficulty in prioritizing high-impact or time-sensitive content
  • Lack of transparency for content creators
  • Challenges in adapting to evolving content formats and technologies

USER RESEARCH

I conducted extensive research to understand the challenges faced by content review teams and creators, including:

  • Analyzing public forums and social media discussions
  • Reviewing industry reports and white papers
  • Studying user reviews and feedback on various platforms
  • Interviewing freelance content creators and small app developers
  • Analyzing publicly available data on app approval times and rejection reasons

THE GOAL

Design and develop a conceptual internal dashboard that streamlines the content review process, improves consistency, and provides valuable insights to both reviewers and management, with a focus on responsive design and accessibility.

Design Process Illustration

Overview of the design thinking process

DESIGN THINKING PROCESS

The project followed a user-centered design thinking approach, which included the following phases:

Empathize

I started by understanding the needs and frustrations of content reviewers and creators through targeted user research, interviews, and competitive analysis. This led to the development of detailed user personas to guide the design process.

Define

Based on the research findings, I defined the core problems, such as workflow inefficiencies and a lack of transparency, and created a problem statement that focused the design on solving these issues.

Ideate

I sketched and wireframed multiple solutions, including a unified interface, real-time metrics, and a transparency portal. I iterated on these designs through peer feedback and usability testing to refine the final concept.

Prototype

Using Figma, I developed a high-fidelity prototype that visualized the final design. I then built out the front end using React, ensuring the dashboard was fully responsive and accessible, with features like keyboard navigation and screen reader support.

Test

Although this was a design project, I conducted informal peer reviews and usability tests to gather feedback on the React-built front end, making iterative improvements to enhance the user experience.

App Review Dashboard Preview

Wireframe of the dashboard

THE SOLUTION: CONTENT REVIEW DASHBOARD

The App Store Review Dashboard is a comprehensive solution designed to streamline the content review process, improve consistency, and provide valuable insights to reviewers and management. Key features of the dashboard include:

  • Real-time Metrics: At-a-glance view of critical performance indicators, including current queue size, average review time, approval rate, and individual reviewer efficiency.
  • Data Visualization: Interactive charts displaying weekly review volume and common rejection reasons, providing insights into workflow patterns and areas for improvement.
  • Review Queue Management: A customizable view of the current review queue with search and filter capabilities, allowing reviewers to efficiently manage their workload.
  • Time Tracking: Built-in timer functionality for each app review, enabling reviewers to monitor and optimize their time spent on individual reviews.
  • Priority Alerts: Highlighting of high-priority reviews, such as critical updates or high-profile submissions, ensuring timely attention to urgent matters.
  • Action Items: A dedicated section for tracking important tasks and goals, helping reviewers stay organized and focused.
  • Responsive Design: A fully responsive layout that adapts to various screen sizes, ensuring accessibility across different devices.
  • User-friendly Interface: Intuitive controls and clear visual hierarchy, making it easy for reviewers to navigate and perform their tasks efficiently.
App Interaction Preview
App Interaction Preview

Examples of the interactions that display easy to interpret data on the charts of the weekly review volume and common rejection reasons.

Key Components

    Performance Overview
  • Four key metric cards displaying current queue size,average review time, approval rate, and individual reviewer efficiency.
  • Data Analysis
  • A bar chart showing weekly review volume
  • A pie chart illustrating common rejection reasons
  • Review Queue
  • Search functionality for finding specific apps
  • Category filtering to organize reviews
  • Individual app cards with timer functionality and quick action buttons (approve/reject)
  • Priority Section
  • Alerts for critical updates and high-profile submissions
  • Action Items
  • A list of important tasks and goals for the reviewer

Technologies Used:

The dashboard was built using modern web technologies to ensure performance, scalability, and ease of maintenance:

  • React: For building a dynamic and responsive user interface
  • Recharts: For creating interactive and visually appealing charts
  • Lucide React: For consistent and scalable icons throughout the interface
  • Tailwind CSS: For rapid styling and responsive design
App Interaction Preview

The final design of the dashboard

CONCLUSION

This solution addresses the key challenges faced by digital marketplaces in their content review processes by providing a centralized, efficient, and data-driven approach to managing app reviews. Throughout the project, I utilized my ability to apply design thinking principles to create a user-centered solution, as well as my front-end development skills in building a responsive and accessible interface. By empathizing with users, clearly defining the problem, ideating and prototyping solutions, and building out the front end with React, I was able to deliver a conceptual dashboard that meets the needs of content reviewers and creators alike.