homeUI & UX Design

ebooking ios app design Case Study

App Design / UX Design / UI Design / Task Flows / Wireframes

 

Click here to see interactive InVision prototype >>

Overview

Ebooking is an iOS-booking app, which may be known for offering the best prices, and ease of use. They are committed to improving the hotel booking user experience through the app performance for their customers around the world. Most booking apps out there offer higher prices and low accuracy with hotel and flights best search result. With our app, users can easily find the ideal hotel and flight deals for the best price. Ebooking offers a discount on hotels and flights for its users through their membership reward program. Our app users will find the best booking options in their search results. Just enter where they want to go and the desired travel dates, and our app shows them the best options available. Search results can be refined by simply filtering price, distance, and facilities.

Design Process

Designed the product from the bottom up. Created an interface that quickly converted customers into long-term users and members reward program with an easy to use dashboard.

My Role

UX/UI- I provided the product design services, user interface design, UX design and I contributed files to the developers. Assets created: sketches, branding, process diagram, flowchart, high-fidelity mockups, prototype, and user testing.

Flow

With my end user in mind, I adapted the formula across multiple devise formats, continually looking to improve ‘ease of use.’ The flow chart helped to create the vision I had for the product. I laid paths for just what was needed to achieve the application goal. Used Sketch plugin AEF-Flowchart tool to organically collect thoughts and build the flowchart. The task flow diagram below shows how users browse through the app, performing a specific task such as booking a hotel room.

Sketch

The application started formulating during my research phase, speaking with users. The research and observation helped me build personas, understand needs, and modify the user flow. I sketched out examples until the landing of paper prototypes that were viable.

Wireframe

Found alternative visual methods to illustrate to the client, just how content could potentially be presented in the user’s monitor. Used Sketch to create simple wireframes.

Prototype

Invision is a prototype application that I have been using due to its hotspot linking to prototype. Invision is a great prototyping; collaboration & workflow platform that I use to share my app work with others. Click on the image below to go to the live prototype.

Click on the image above to go to the live prototype

Testing

Tested the first version of the iPhone interface and provided high-level feedback, and a more complex review of the design in the second version. Used Invision to test my app prototype with users.