UI Examples

Jan 1, 2025

Visual Design, UI

Administrator View of User Management

Administrators for organizations needed a clear admin page that gave them permissions data at a glance, as well as the ability to add, edit, and delete team licenses. Providing strict data and permission management allowed us to expand how many user groups we could serve with our portal.

Some Features:

  • Live Updates of Licenses, How many are used vs. unused

  • Filters: By Unit or Assigned

  • Sort: Name or Email

  • Scrolls for long lists

Data Visualization

One of our major goals was dynamic, interactive, responsive data visualization that let users explore their successes and areas for growth across disciplines over time. I tested the graphs and content with user groups to refine the displays, scales, and secondary data readings so everyone felt engaged and clear about what data they were reading.

Highlights:

  • Complex data across disciplines and years

  • Primary Filter for Time Period, and Secondary Filter for Discipline Area

  • Comparisons both across Industry or across an Organization

  • All displays are Contrast Checked and Information is Accessible to alternative navigation users and non sighted users

Forms: Simplifying data ingestion & editing

Prior data was hard to edit, required a second submission and nullifying the entire first submission, and had to happen before the next quarter's submission. We made complex data input accessible, and allowed for users to submit edits themselves within the same submission, even after the next quarter's report went in.

Highlights:

  • Contrast checked data entry, customized ant design + updated legacy design

  • Drop downs have function up/down because users inputting this content are putting in dozens of these forms

  • Autocompletes and radios as necessary

Scheduling: Streamlining the Event Pipeline

We worked with hundreds to thousands of international professionals simultaneously for this programs success. This segment of the project automated several segments of the event pipeline that were heavy time and resource drains by directly pulling from our databases and mitigating human error for search and outreach work.

An early draft of potential search displays: our Organizational Unit buttons vs Resource Cards

Recent Posts

UI Examples

Jan 1, 2025

VIP Portal: Modernizing & expanding medical device quality testing

Jul 28, 2023

WCAG 2.1: Surpassing accessibility standards for high-quality user experience

Jan 1, 2023

Clean Home Tech: Connecting customers to healthier home technology online

Dec 1, 2020

Bombay Poets' Archive: Interactive teaching application for international archive

May 1, 2017