Zippy was the brainchild of my freshman year self while I was taking an entrepreneurship class. We were tasked with ideating some product, creating an elevator pitch, and presenting it to the class in a competition. That's when I thought of the smart bike lock, Zippy. Three years later, and it became the perfect product for my UX design class to create a mock UI for.
p.s. I won the competition and got a $500 check as a result. #elevatorpitchskillsonpoint
role: ux design student
team: zippy :)
timeline: aug-dec 2019
This project was part of my CSCI 380 class, my favorite class I have taken to date. We were grouped in teams of three to create a semi-working prototype of whatever app we came up with throughout the course of the semester. We studied the importance of user personas, user tasks, evaluation heuristics, conceptual models, paper prototyping, wire framing, hierarchical task analyses, and more.
Below is a storyline of the how we came up with our final design.
Zippy is a mobile application that works in combination with a physical bike lock to bring added functionality to bike riders. Currently there is no smart bike lock on the market that addresses problems such as stolen bikes, inefficient transition times, and more. Zippy addresses these issues by making finding, securing, and hopping on your bike... zippier.
Prior to completing paper prototyping, we learned a lot in class about the benefits of it through watching various videos and through the lectures. However, I have to admit the entire time I was listening to both I just wasn't getting it. My mind was working so fast and it wanted to implement the shadows and shiny touches because I was sure that those were pivotal to the user understanding how to use our app.
☺ Adding a description of what the passcode is during the onboarding process
☺ Ensure that drag up menu is clear within hi-fi design
☺ Changing name of locks to “Zippys” instead of “Devices” to stay consistent
☺ Changing “notifications” to “activity”
☺ Making the address location of the bike more clear within the design
☺ Clarification of length of passcode when creating it (denoted by the blank spaces)
After we had reviewed all of our feedback and made sure our final prototype would accommodate for the comments we received, we started designing. Below is the final prototype as a result. :)
I came right into this class straight out of my summer internship at Cvent (click here to read about that) and I really thought I would know everything there was to know, but I was fortunately wrong. I learned so much from this class that I hadn't even known before.
It encouraged me to solve problems in different ways, to think differently about the situations, and to definitely slow down in the design process. I have always just been motivated by that end goal where I get to add the shadows, gradients, colors, etc. But it's important to have a solid, functional, working design before you get to that step to make everything pop.
That's what this class taught me more than anything. I am so proud of the work that my team and I did!