Still managing events and admin logistics with spreadsheets and endless email threads?

Manage your entire organization's workflow all in one place. And make it efficient.

ROLE

UX/UI Designer

PROJECT

Responsive SaaS Dashboard

DURATION

4 weeks

YEAR

2025

CHALLENGE

Design a tool that efficiently streamlines existing systems and workflows and helps the organization create better informed business strategies

SOLUTION

An Internal Dashboard

to Manage Workflows and Analyze Data

Centralizing operations and improving work efficiency by streamlining processes and analyze acquired data into valuable insights.

THE NON-PROFIT ORGANIZATION

Why the Nuyorican Poets Café?

The Nuyorican Poets Café is a renowned cultural institution in New York City that has served as a vital hub for poetry, music, theater, and spoken word since the 1970s.


As a non-profit organization, the Nuyorican Poets Café is a creative events space for works of poetry, music, theater, and visual arts as a means of social empowerment for minority and underprivileged artists in the area.

Open Mic Events & Poetry Slams

Open Mic Events & Poetry Slams

Jazz & Theater Performances

Jazz & Theater Performances

Creative Workshops

Creative Workshops

Collaborations w/ Local Communities

Collaborations w/ Local Communities

Corporate & Local Donations

Corporate & Local Donations

As of October 2023, the Café has temporarily shut down for a new 3-year reconstruction and renovation project. With the Café closed, the team would be interested in implementing a new internal dashboard to efficiently host and manage the many workflows of the organization in a centralized digital space.

RESEARCH & INSIGHTS

Organization Is Vital for Efficient Internal Workflows

To understand the workflows and day-to-day operations of event coordinators and executives at non-profit organizations, I recruited a few interview participants to talk about their experiences working at a non-profit organization.

YL

YL

YL

"We got funding from all kinds of places. Sometimes it was hard. It depends really. But I think it was mostly from applying to government grants."

"We got funding from all kinds of places. Sometimes it was hard. It depends really. But I think it was mostly from applying to government grants."

"Because it is a nonprofit, it's way easier for [volunteers] to just kind of drop out midway… which was why it took so long for us to finish the project."

"Because it is a nonprofit, it's way easier for [volunteers] to just kind of drop out midway… which was why it took so long for us to finish the project."

CD

CD

CD

Then, I had my research participants imagine themselves as staff members of the Nuyorican Poets Café and sort sticky notes representing different sets of data under general categories within a typical internal dashboard.


In this closed card sort, they categorized each element within a given category, with the option to make their own, and then ranked them in order of importance. This helped me get a better sense of the information hierarchy for the dashboard.

Observations gathered from both the user interviews and closed moderated card sort activity provided me with important business insights on the nature and operations of teams within a non-profit environment.


Participants emphasized that instability and funding limitations were core inhibitors to their organization's workflow, citing that a general lack of consistent and centralized resources frustrated them.

Non-profits vs. Businesses

Managing a non-profit is very different from a typical business model because (1) sources of income are difficult to acquire and vastly unpredictable and (2) personnel changes often so work efficiency is unpredictable as well. 

Decision-Making Factors

Executives and stakeholders of non-profit organizations typically make decisions depending on performance indicators, competition, trends, and the organization’s mission and core values.

COMPETITIVE ANALYSIS

Learning from Data-driven UI and Dashboard Design

Yet before tackling a dashboard design, I knew that I needed to familiarize myself with the way existing dashboards organize data-heavy and dense information in compact screens.

By referencing commonalities between a number of event-related internal SaaS dashboards and noting the information hierarchy of existing dashboards used for NGOs, I learned to understand common dashboard UI patterns and implement them as needed in my own designs.

Primary Dashboard Features

The most important features to be added to a non-profit event-based dashboard include the workflow to create an event and an attendee registration, general event information, list of event speakers, and a calendar of events.

Secondary Dashboard Features

Secondary features include a graph of net revenue for events over time, the workflow to create a newsletter, and the volunteer application process.

GOALS & OBJECTIVES

Optimizing Workflows with an Internal Dashboard

Business Goal

Create a functional and reliable tool for users, assisting them with problem areas and sustaining demand over competitors

User Goal

Improve work efficiency and performance with tools to analyze data into valuable insights for informed decision-making

Technical Limitations

The time and budget limitations to building a multi-functional dashboard that adheres to all the staff's role-specific needs

The time and budget limitations to building a multi-functional dashboard that adheres to all the staff's role-specific needs

The time and budget limitations to building a multi-functional dashboard that adheres to all the staff's role-specific needs

Difficulties with transferring existing work and processes efficiently onto a new dashboard

Difficulties with transferring existing work and processes efficiently onto a new dashboard

Difficulties with transferring existing work and processes efficiently onto a new dashboard

Project Goal

Create a functional and reliable all-in-one dashboard that improves work efficiency and business performance, encouraging a modern, digitized workspace for company growth

Create a functional and reliable all-in-one dashboard that improves work efficiency and business performance, encouraging a modern, digitized workspace for company growth

IDEATION & INFO ARCHITECTURE

Designing for Efficiency with Information Architecture

With research insights and project goals in mind, I began mapping out the site map and user flows, prioritizing various data sets with intention.


With a design as complex as a data-centric dashboard, I wanted to ensure that my information hierarchy was clearly defined. I started by listing the kinds of data and features I wanted the dashboard to include in its MVP and utilized my research observations to prioritize the information.

COMPONENT LIBRARY

Interactions Designed with Intention

Tailored for data-heavy interfaces, this component library included interactive charts, filter controls, dropdowns, data cards, and tables to support responsive behavior and accessibility and prioritize clarity, reusability, and interaction consistency.

THE PRODUCT MVP

Centralizing operations and improving work efficiency by streamlining processes and analyze acquired data into valuable insights.

Usability Test Results

4 participants

4 task flows

100%

100%

task success rate

task success rate

9.1/10

9.1/10

avg usability score

avg usability score

Overall, users found the main task flows, such as creating an event and finding data, intuitive and easy to follow.

However, some confusion arose around the mobile navigation, which prompted a need for a simpler mobile design and consistent content.

Key Iterations:

Removed the secondary anchor links in mobile navigation to avoid confusion with primary navigation

Added a sub-heading to the Upcoming Events mini-calendar to clarify its purpose

Adjusted the copy within the event creation flow to better communicate features

Included additional action buttons in the event page, such as "Share" and "Edit," for more user control

Lessons Learned

01

Data-centric Design

For this project, I learned to establish the information hierarchy early on to understand what kinds of data my target users would find most valuable to their work. I made sure to reinforce the clarity and readability of my designs as well as its detail and usability by prioritizing different types of data visualization.

02

Interaction Design

To cater the dashboard to users with different goals, I focused on creating a seamless flow of responsive components, micro-interactions, and intentional hierarchy to guide users through different tasks. This strengthened my ability to design systems that were not only functional but enjoyable to use.

03

Dashboard Design

Finally, designing for a real dashboard deepened my understanding of structure and scale. I learned how to design across breakpoints, maintain visual consistency, and support scalability through a thoughtful component system. Each iteration helped me balance aesthetics with utility, giving me a clearer grasp of what makes a good dashboard truly work.

Beyond the MVP

Phase 2

Budget

For Phase 2, I would introduce a Budgets page that would include a variety of features including but not limited to:


  • High-level metrics and visualizations summarizing the total budget, spending to date, and budget vs. actuals

  • Interactive graphs and category breakdowns with deeper insight into funding distribution

Phase 3

Communications

For Phase 3, I would introduce a Communications page that would include a variety of features including but not limited to:


  • Hub for email campaigns, newsletter distribution, social media performance, and event communications

  • Visual metrics for social growth in the organization, like open rates, engagement levels, and click rates

Janus Kwong

januskwong@gmail.com

LinkedIn

Resume