Skeddly
UI/UX Design
•
Class Project
•
2025
TIMELINE
September - December 2025
TOOLS
Figma, GitHub, Android Studio
ROLE
UI/UX, Visual design, Wireframing, Prototyping, Moodboard, Research, XML Layout, Software Architecture
TEAM
Leigh Carleton
Abbas Rizvi
Jonathan Bonham
Ezra Ho
Jacky La
Adam Mehaney
Introduction
As the course project for CMPUT 301 Intro to Software Engineering, me and a group of five other friends teamed up to make Skeddly. An event hosting app where users can register to participate in events, and be selected via a fair lottery selection system.
BACKGROUND:
In real life, many events have limited capacities. A single swim teacher cannot possibly teach hundreds of students at once! But then, how can we fairly choose those who can participate in our event? Traditionally, a first come first serve system could be employed. Anyone can register up until we've reached capacity, and too bad to anyone afterwards. However, this punishes those who may lead more busy lives. That's why we turn to our favourite technique. Lottery!
Skeddly allows fair selection of participants who sign up for events. Organizers can create events on the platform, and share them via a QR code to interested participants. Entrants can browse events and filter according to their interests. If an entrant is interested in an event, they can choose to sign up at any point during the registration period. When an organizer is ready, they can draw as many participants as needed from those who have signed up. Selected participants will be notified and asked to confirm their attendance. This system ensures fairness to anyone who is interested in the event and signs up during the registration period!
Prototype
Video Walkthrough
Constraints
SOFTWARE ENGINEERING:
Our group had to learn how to implement designs from figma into a format suitable for android studio.
EXPERIENCE TYPE:
Optimized for mobile.
USE CASES:
Along with making sure the design of our app was able to be implemented in android studio, we also had to hit 57 user stories to ensure the app worked as expected by our professor.
Workflow
My role in the group was to focus on the UI/UX design of our application. We began by aligning as a team on the core problem space and defining key use cases for both event organizers and participants. Through early discussions, we explored how a lottery-based registration system could create a fairer alternative to traditional first-come, first-served event sign-ups, establishing the foundation for Skeddly’s user flows.
I then led the UI/UX process by conducting research into existing event and registration platforms, focusing on usability, accessibility, and transparency. These insights guided decisions around event discovery, sign-up flows, and organizer controls.
Based on this research, I created Skeddly’s visual identity and translated our agreed-upon use cases into wireframes and an interactive prototype. This ensured the final design clearly communicated fairness and remained intuitive for both organizers and participants.
1. Assess
We started out analyzing the project requirements, rubric, and the 57 user stories! Adding them into our GitHub wiki to ensure nothing would be missed.
2. Brainstorm & Research
Using inspiration sources like Pinterest and Mobbin, I created the applications colour palette and some sample assets.
3. Wireframing
Before implementing the prototype, we made a rough wireframe to quickly map out the basic user flows.
4. Prototyping
To bring the mockup portion of the project together, we created the final prototype, including 3 separate flows for the different user types (entrant, organizer, and admin).
Results & Reflection
RESULTS
An app with a well thought out design, that earned us an A+ on the project, and invaluable experience was gained for everyone on the team.
REFLECTION
With more time we would have loved to polish off the app's animations to make everything flow smoother. I'd also love to explore different variations of the applications icon that I created! This was an awesome experience and I learned a lot about time management and work implementation.