<UI/UX Portfolio>
Hello! I'm working on the Bloc UI/UX Design Bootcamp during my gap year. I'll be applying to universities in the Fall to study Art or Design with a minor in Computer Science. In the meantime, I've been dabbling with some fun projects but still have a ton left to learn. Please take a look and let me know what you think. Thank you!
BusyBus
My idea for the BusyBus app includes many of the features that competitor commuter apps feature, but includes a lot of user based crowdsourcing to gather information about the buses. Users would have access to a schedule in which they can plan their recurring commutes, and plan for commutes far in advance. BusyBus would be able to calculate the fastest or most comfortable lines and options based on user provided criteria and preferences. The app will then be able to notify the user before the arrival of the bus at user set intervals. If the app becomes more widespread, location services can be used to predict how late a bus will be, and alert users with that specific trip on their schedule with the expected time of arrival. Users can also give reviews to bus lines, and voice their complaints, warning other commuters of possible inconveniences on the bus, such as poor sanitary conditions or constant poor scheduling. (Sort of like yelp, but for buses.) If a bus becomes unavailable for any reason, users can report the issue, and if the issue is proven legitimate, other users of the same line will be alerted and be able to find an alternate commute.
First, I created a user survey in which I asked people in my community about their experiences with buses, and what they would like to improve about their bus experience. After 180 responses, I found that bus riders were often unsure about the scheduling of their bus, and have missed buses before. Further, bus riders often found buses to be regularly unreliable or unsanitary and would like to be alerted about the state of their bus. Next, I found two similar app competitors, Citymapper and Moovit, which had features I wanted to use, but also improve on in BusyBus. I assessed their pros and cons in a competitive analysis, and decided which features I wanted in this app. I decided not to tackle the wider transportation demographic, and focus solely on buses for now. Because of my survey results, I thought it would be useful to include a user based aspect of the app so that users could inform the public about the condition of buses and what to expect from their schedules.
Below are the paper prototypes, first getting an idea of the functions followed by a more detailed device prototype for the navigation element of the app. Finally, the high fidelity home screen for the iOS BusyBus app built with Figma.
First, I created a user survey in which I asked people in my community about their experiences with buses, and what they would like to improve about their bus experience. After 180 responses, I found that bus riders were often unsure about the scheduling of their bus, and have missed buses before. Further, bus riders often found buses to be regularly unreliable or unsanitary and would like to be alerted about the state of their bus. Next, I found two similar app competitors, Citymapper and Moovit, which had features I wanted to use, but also improve on in BusyBus. I assessed their pros and cons in a competitive analysis, and decided which features I wanted in this app. I decided not to tackle the wider transportation demographic, and focus solely on buses for now. Because of my survey results, I thought it would be useful to include a user based aspect of the app so that users could inform the public about the condition of buses and what to expect from their schedules.
Below are the paper prototypes, first getting an idea of the functions followed by a more detailed device prototype for the navigation element of the app. Finally, the high fidelity home screen for the iOS BusyBus app built with Figma.
BusyBus paper prototype - basic functions
BusyBus with navigation element
|
BusyBus high fidelity home screen
|
Recipes
This Recipes app was a chance to practice building a high fidelity Figma prototype for both the desktop website and a mobile app given the wireframe sketch and images.
Recipes desktop prototype
Recipes mobile prototype