Project Page

Design System Update

HackSC

The design system is an opportunity to create clarity and consistency across a product. By refining visual language and interaction patterns, our goal was to make the experience more intuitive and scalable for future growth.

Updated: 2024

Platforms: Web

Tools: Figma

Role: Product Designer

Result: Visualized an accessible and cross-platform UI kit and a user-friendly participant portal that supports 500+ users, enabling judges and participants to efficiently upload and evaluate projects.

01 | Context

Establishing our identity

Our decision to revamp the design system stemmed from user feedback in previous hackathons indicating areas of inconsistency and difficulty in navigation. We aimed to refine the user experience, addressing these pain points to ensure our product exceeds expectations

02 | New Hibiscus

Design SYSTEM + Mockups

We transformed our design system by updating typography, colors, and imagery. I also developed a new logo to fit our new image. Then, we created mockups to seamlessly integrate the new design into our portal.

03 | Gallery

Thanks for reading!

View Suggested projects

Design System Update

SchedYou

Mandate of Heaven

PRODUCT