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.
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.
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
Project Goal
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
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