top of page

Making event navigation easier for students

CLIENT

JumboHack 2025

PRODUCT

Cross-Platform Application

ROLE

UX Designer +  Frontend Developer

TIME

36 Hours

Challenge

Build a project that improves education by making learning more accessible, engaging, and effective. Whether designed for students or educators, this is an opportunity to innovate and shape the future of education.

OVERVIEW

JumboHack 2025

JumboHack is a weekend-long hackathon at Tufts University that brings together innovators of all skill levels to collaborate, learn, and build exciting projects. Inspired by the challenges in education, my team and I took on the task of creating an interactive tool that helps visualize and explore school events in a more intuitive way. 

Goals

  • Help students easily locate available tables at events​

  • Improve the student experience by reducing confusion and streamlining event participation

  • Enhance accessibility and efficiency at events by offering real-time table availability and location details​

Challenges

  • Keeping table availability and locations updated to prevent confusion 

  • Coordinating with events to ensure seamless updates and accurate table information

  • Maintaining performance and reliability as the number of users and event sizes grow

My Role

  • Main UI/UX Designer and Front-End Developer

  • Collaborated with a product manager and four software engineers

  • Created wireframes, interactive prototypes, visuals, and developed front-end screens while contributing to front-end development through styling, layout adjustments, and interactive elements

Problem Statement

When we were freshmen, we often found ourselves wandering through crowded event spaces, struggling to locate specific tables and missing out on clubs we were interested in—all because event layouts were unclear or difficult to navigate. The frustration of not knowing where to go or what was available made these experiences overwhelming rather than exciting.

EXPLORE

Designing a Solution

Wireframes

In our wireframes, we explored a responsive web application that allows users to access all functionality seamlessly across platforms. Admins can efficiently create, manage, and oversee events, while students can search and filter through clubs directly from their phones, making it easy to explore opportunities and stay informed.

Dark.png

CREATION

Visual Identity

UI

The visual language of JumboMap incorporates solid, bold colors, aligning with Tufts University's branding. Our goal was to reflect the school's identity while ensuring that the design elements remain web-friendly and accessible for all users. Additionally, I designed a logo to establish a distinct identity for JumboMap, as it would function as a subcategory of Tufts' main website.

Frame 57.png
Frame 56.png

Visuals

JumboMap Landing Page

Create Event (Admin)

Event Information

Place Clubs (Admin)

Searchable Event Map

Mobile Mockups

IMPLEMENTATION

Final Product

Development

Within 36 hours, our team coded and implemented the application's functionality using a tech stack that included TypeScript and Tailwind CSS—a CSS framework different from what I was previously familiar with.

 

Shortly after completing the designs, I quickly learned how to use TypeScript and Tailwind to contribute to front-end development effectively.

​

Tech Stack: React, Typescript, Tailwind CSS, Next.js, PostgresSQL

Results

At JumboHack 2025, we pitched JumboMap under the Education track, competing among 200+ participants and 38 submissions. Some highlights included:

  • Successfully implementing the entire site within 36 hours, ensuring alignment with the Figma designs and intended functionality

  • Overcoming technical challenges by quickly adapting to TypeScript and Tailwind CSS for front-end development

  • Creating a responsive and accessible platform that allows admins to manage events seamlessly and students to explore clubs effortlessly

README

What's Next?

Takeaways

Working on JumboMap for JumboHack 2025 was an incredibly rewarding experience. I had the opportunity to contribute to a project that enhances student engagement and accessibility, making it easier for students to explore clubs and events. More importantly, I had the privilege of working with an amazing team of talented individuals who brought this vision to life.​

Over the course of 36 hours, we worked tirelessly to create a responsive and fully functional website, with some of us pulling all-nighters to complete the site. Despite facing time constraints and the challenge of learning new technologies on the fly, we made significant progress—successfully implementing the site's core functionality. 

I learned a lot from this project through:

  • Operating as the solo UI/UX designer, leading the entire process from ideation to execution

  • Creating a visually engaging, responsive experience

  • Learning how to adapt to new coding technologies quickly

Future Goals

We truly believe that JumboMap has the potential to become an influential navigation tool for new students. At this stage, we are aiming to pitch the project to Tufts University President, Sunil Kumar, with the hope of securing a potential implementation within Tufts' system.

Thanks!

If you're interested in learning more about JumboMap, check out our deployed site. To explore the project in detail, visit our Devpost submission... and if you want to learn more about the hackathon itself, check out JumboHack! 

bottom of page