ui design

Streamlining project collaboration and team productivity

ROLE

UX Designer

EXPERTISE

Educational Project

YEAR

2024

Project description

During the RoundIt Hackathon, I developed an app and website for RoundIt, a financial platform that rounds up users' purchases to the nearest dollar, allowing them to donate the spare change or allocate it towards personal savings. For the hackathon, which focused on debugging and enhancing the app, I was tasked with creating a dashboard and various UI elements to streamline the debugging process and improve user experience.

Process

This category details the step-by-step approach taken during the project, including research, design, and prototyping.

Research

Utilized card sorting to effectively build the structure of the website, organizing content and features based on user preferences and cognitive patterns. This method provided valuable insights into user expectations, ensuring a logical and intuitive site navigation.

Design

Applied design principles to create a visually appealing and user-friendly interface, focusing on clear navigation, cohesive branding, and an intuitive layout to enhance overall user experience.

Prototyping

Developed interactive prototypes using figma to visualize and test key features of the website, allowing for iterative design improvements

Manage bookings
Manage your bookings easily with built-in booking widget.
Manage bookings
Manage your bookings easily with built-in booking widget.
Manage bookings
Manage your bookings easily with built-in booking widget.
Manage bookings
Manage your bookings easily with built-in booking widget.

dashboard
The dashboard offers a streamlined view with sections for activity, progress, schedule, and profile, helping users easily manage and track their tasks.
chat
The chat page provides a straightforward interface for real-time messaging, enabling seamless communication and collaboration between users.
mobile screens
A dashboard screen and a chat screen for mobile similar to the web versions.
apple watch screens
Includes a graph of average time per bug, a real-time chat interface, and an upcoming events overview, all designed for quick and easy access to essential information.
dashboard
The dashboard offers a streamlined view with sections for activity, progress, schedule, and profile, helping users easily manage and track their tasks.
chat
The chat page provides a straightforward interface for real-time messaging, enabling seamless communication and collaboration between users.
mobile screens
A dashboard screen and a chat screen for mobile similar to the web versions.
apple watch screens
Includes a graph of average time per bug, a real-time chat interface, and an upcoming events overview, all designed for quick and easy access to essential information.
dashboard
The dashboard offers a streamlined view with sections for activity, progress, schedule, and profile, helping users easily manage and track their tasks.
chat
The chat page provides a straightforward interface for real-time messaging, enabling seamless communication and collaboration between users.
mobile screens
A dashboard screen and a chat screen for mobile similar to the web versions.
apple watch screens
Includes a graph of average time per bug, a real-time chat interface, and an upcoming events overview, all designed for quick and easy access to essential information.
dashboard
The dashboard offers a streamlined view with sections for activity, progress, schedule, and profile, helping users easily manage and track their tasks.
chat
The chat page provides a straightforward interface for real-time messaging, enabling seamless communication and collaboration between users.
mobile screens
A dashboard screen and a chat screen for mobile similar to the web versions.
apple watch screens
Includes a graph of average time per bug, a real-time chat interface, and an upcoming events overview, all designed for quick and easy access to essential information.