Simply Reserved Mobile App
This was a project that I created based off an online UX class that I took. The original project was to create a web or mobile app and create basic wireframes, but I took the project further, creating finalized designs and a prototype. The prototype was created with Proto.io and the design was created using Adobe Illustrator. I had some friends test out the prototype to see if the user experience made sense, and to figure out how to streamline the process.
I chose to create a mobile app for reservations because at the time, most of the reservation apps felt like they were too much work to find what I wanted. I wanted to create something simple, where you don’t have to go through multiple steps, and deal with extra content that you don’t need. The goal is simply to make a reservation, keep track of it, and easily pull it up/change it if need be.
Initial Wireframe Drafting
I really enjoy starting out with paper and pen sketches to get my ideas down. It makes it easier to draft out many ideas at once, and to add notes and questions based on things that require more thought, or alternative means of communication. When I take away the need for it to look “clean and designed”, I can focus more energy on the user experience, and how it needs to function at its core. Sometimes it’s easier to just have a stream of conscious thought on a piece of paper, so you can find questions and answers you may not have considered to begin with.
Simply Reserved Wireframe
These are some of the wireframe designs, and you can view a prototyped PDF version with the link below.
I wanted to focus on developing a layout without focusing on anything unnecessary like fonts, colors, or imagery. That way I could figure out any issues in flow or layout that could be solved before taking this to final designs. It’s always easier to fix things in this stage then once you add in design elements!
Final Design
Once I finalized the layout and user flow of the app, I developed all of the design assets. I chose a bright orange and darker blue to create a complimentary and dynamic color scheme. I also created icons and illustrations to use throughout the app, as well as choosing a font and sub-level colors. Consideration went into how to use the colors and fonts for hierarchy purposes, so that it’s easy for users to figure out what information is most important, where to click first, and what is a button vs a highlighted field.
