Book a Flight – Mehak Qureshi Portfolio

Project Overview

Create a mobile application that will help you quickly book and buy air tickets with the additional ability to choose the best seat for the client.

The main problem of the user is that he spends a lot of time searching for the best flight option and does not pay any attention to the type of plane and the best seats on it. And therefore the flight becomes not as comfortable as we would like.

Create an application with the ability to select in detail the best seats on the plane.

Our project seeks to revolutionize flight booking with a mobile app, prioritizing user convenience through AI-driven virtual assistants and immersive 3D animations. Our aim is to redefine the booking experience, ensuring seamless journeys for all travelers.

The challenge was to create an interface that not only captivates visually but also emotionally connects users with the airline brand, fostering loyalty and trust through a remarkable user experience.

Create a user-friendly, efficient and attractive interface that facilitates easy information discovery and quick booking, supports the brand identity and reflects the professionalism of the company, which affects user trust and increases conversion.

Efficiency

Attractive

Support Chat

Flight Tickets

Quick Search

My Role

Design Strategy

Problem Solution

Information Architecture

Empathy Mapping

Prototyping

Wireframes

Competitive Analysis

Usability Testing

Visual Design

User Research

User Persona

User Flow

What You Will Get

42 Pages Website

Clean & Modern Premium quality screens

Auto Layout

Fully Auto Layout so It’s easy to change and use

Pixel Perfect Design

Distance and measure using an even multiple of measures

Mobile Responsive

Responsive theme make your experience more pleasurable

Easy Customizable

100% easy to change and full customizable

Organized Layer

The file is named, grouped and well organized

Design Thinking Process

Brain Storming

Surveys and Questionnaires

Passengers who have requested special assistance in the past.

Analysis and Recommendations

Combine insights from surveys, interviews, usability testing, journey mapping, and data analysis.

Focus on high-impact areas that can significantly enhance the passenger experience.

Look for common themes, recurring issues, and standout practices.

Propose improvements to the information accessibility, request process, and communication strategies.

Competitor Analysis

A competitive study reveals valuable insights into your rivals design solutions, including features & processes. Understanding these aspects help to build a better product and improve user experience.

Competitors

Purpose

Weakness

Our Attempt

User Interview

We interviewed some people who face some of the issues that we have mentioned.

Unpredictable Prices

Focus on high-impact areas that can significantly enhance the passenger experience.

Unclear Policies

The rules regarding cancellations, changes, and refunds can be complicated and difficult to understand, leading to confusion and potential financial loss.

User Experience Issue

App can be cluttered and difficult to navigate, with multiple steps and pages to go through.

Slow Loading Times

High traffic on booking websites and apps can result in slow load times and even crashes, particularly during peak travel times or sales.

User Personas

Biography

Deena Williams is a young professional who travels frequently for both business and leisure, She values convenience, efficiency, and affordability when booking flights. Marks prefers mobile apps for their ease of use and expects a seamless experience when searching and booking flights.

Biography

Frustration

Empathy Map

Thinks

Does

Feels

Says

Affinity Mapping

User Context

User Goals

Functionality

Saving & Sharing

Completing The Booking

User Flow

Booking flight involves multiple steps, from flights searching to selecting seats and making payments. So at this stage. I focused to create well-defined user flow that ensure users navigate through these steps seamlessly.

Journey Map

Airline

Select Flight

Payment

Summary

Information Architecture

Usability Testing

Usability testing is a crucial in the development of a software application, including a mobile app. It involves evaluating the apps user interface (UI) and overall user experience (UX) by observing real users as they interact with the app and complete specific tasks. Here’s a general process for conducting usability testing for a mobile app.

1

Define objectives and tasks clearly define the objectives of the usability testing. What specific aspects of the app do you want to evaluate? Create a list of tasks that users will perform during the test. These tasks should be representativ of the apps main functionalities.

2

Recruit participants: Select a diverse group of participants who represent your target audience. Aim of around 5-10 participants for each round of testing. Ensure they have varying levels of familiarly with mobile apps in general and your app’s domain in particular.

3

Setup the testing environment, choose a quiet and comfortable space for the usability testing. Ensure that you have the necessary devices (smartphones or tablets) for participants to use. Have any required software, recording tools, and mote-taking materials ready.

4

Collect data during the testing session, collect both qualitative and quantities data. Take notes on participants action, comments, and any issues they encounter. Use video or screen recording tools to capture the entire testing session.

5

Analyze results, review the notes, recordings and any quantitative data you collected. Look for patterns, common usability issues and areas where participants struggled. Categorize the issue by severity to prioritize fixes.

Design System

Elements hat will compose my high-fidelity wireframes. Starting from palette and typography. I’ve then buttons, cards, modals template and icons.

Color Palettes

Branding

A logo variation is a version of your primary logo, just re-arranged in a different format, sometimes referred to as your secondary logo.

Features

User Interface

Features

A logo variation is a version of your primary logo, just re-arranged in a different format, sometimes referred to as your secondary logo.

Wireframes

Lessons Learned

Design is not just about aesthetics — it’s about the user, their needs, and their experiences. So we make more user-friendly and inclusive app. Overall this was an awesome learning experience and right from the start I was convinced that an intensive research would be something of a great journey to be a part of and working on it.