Fly high

Italian online market promoting
organic food products locally harvested and naturally bred.

GOAL

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

Project
Fly high
Duration
2022
Category
UX design
BACKGROUND

Cultivating change with environmental friendly food

Enogood originated to amplify local, Italian, and KM0 food accessibility, providing quality produce at valuable prices for everyone.

OVERVIEW

Process

To upgrade the Enogood website, I followeda Design Thinking method, emphasizing user empathy, problem framing, idea generation, prototype development, and practical testing.

Growth experience

I have achieved pivotal milestones:

  • Performed a design strategy: Worked to establish a successful connection between the farms and the web community.
  • Enhanced usability: Created a reliable, user-centric website.
  • Aligned business with user needs: Understand the user needs and attitudes to create a high-value customer experience.

User interviews

I conducted 10 user interviews to discover why many customers who visit the online websites end up buying the products offline.

Top key results:

  • 20% faced difficulties comprehending the online and delivery process;
  • 17% of customers couldn't find a dedicated section for discounted products.
  • 17% of users reported inaccuracies in product images;

Pain points

Listening to users' stories shaped my understanding of their needs. By exploring website usability and marketing materials, I used empathy-driven tools like affinity mapping and a 2x2 matrix to prioritize and resolve crucial pain points for Enogood's impactful design decisions.

Persona

Using the data, I crafted a preliminary persona to understand Enogood's potential users. Analytics indicated that, over the past years, 83% were adult women.

Chiara 38

LOCATION
Turin, ITA
PRIVATE LIFE
Mom
OCCUPATION
Attorney

Goals

  • She wants to have a healthier lifestyle.
  • She wants to eat healthy food.
  • She wants to savetime and money.
  • She wants to taste new dishes with organic food.
  • She wants her children to eat fruits and vegetables.

Behaviours

  • She works 9am-6pm.
  • She does yoga once a week.
  • She runs occasionally on the weekends.
  • She cares about her image and has an active social life.
"Since I discovered Enogood, my lifestyle has significantly improved."

Thoughts

  • Since I discovered Enogood, my lifestyle got better.
  • I like healthy food, and I’ve introduced all these new products in my cooking habits.
  • My family feels better and we are all visibly healthier.

Understand the problem

I narrowed down my results by re-defining the main four pain points that were both important to users and Enogood:

Call To Action

The website lacks clear calls to action, resulting in user inaction and eventual site abandonment.

Services

The lack of a section explaining Enogood's services confuses new users, making it difficult for them to grasp what Enogood offers.

Images quality

High-quality pictures enhance user confidence, encouraging repeat purchases, especially when the images truly represent the products.

Offers

While offering diverse, fresh organic products is key, enhancing the platform's navigation for a more user-friendly experience is crucial.

Ideating the solution

By creating high-fidelity mockups with Figma and Illustrator, I integrated graphics and icons, incorporating user preferences and my design expertise.

Fly high

Upgraded and optimized a Sardinia holiday resort website for smoother user navigation.

GOAL

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

Project
Fly high
Category
UX design
Duration
2022
BACKGROUND

Reinventing Digital Presence for Success

Restructuring website layout to secure a competitive edge, standing out prominently among market competitors.

OVERVIEW

Competitor research

Before delving into client analysis, extensive research on the resort's market position and online performance compared to top Sardinian holiday competitors provided essential context for the project. Three stood out among the top spots in search engine rankings:

  • Camping Village Pedra e Cupra;
  • Selema Camping;
  • Camping Bella Sardinia.

Comparative Analysis

My aim was to compare features among competitor sites and pinpoint opportunities for Flamingo beach's unique value proposition. Identifying strengths and weaknesses was crucial.

Competitive advantages:

  • Multimedia content: Incorporate current multimedia showcasing resort's services into the new layout.
  • Award: Promote trust by emphasizing the award-winning Sardinian beach on homepage.
  • Location: Highlight nearby attractions and beaches on a dedicated page to enhance appeal.
  • Services and sport: Promote diverse sports activities for active holiday visitors.

Places for improvement:

  • Make it responsive: I ensured responsive web design for consistent cross-device accessibility.
  • Actionable buttons: Optimize user experience with clear navigation and prominent call-to-action.
  • Logo: Enhance logo to reflect brand identity presentation.
  • Google Analytics: Tap into Google Analytics for audience insights and website interaction analysis.

Rebranding Logo

With the increasing competition, redefining the logo was vital for brand positioning. Inspired by the yearly spectacle of pink flamingos, the design embraced an attractive character, accentuated by the elegance of the Golden Ratio.

Mockup

The final mockup incorporated user-friendly elements identified in comparative research, featuring added call-to-action buttons and improved product categorization.

FLY HIGH

Work in progress
COMING SOON

Fly high

Designed an airline website with easy-to-use elements and a short booking process.

Fly high

Designed an airline website with a short and easy-to-use booking process.

Fly high

Designed an airline website with easy-to-use elements and a short booking process.

Fly High - 2024

Booking flight tickets

Users struggle to find the best flight options when complex search interfaces overwhelm them, leading to confusion and poor decision-making.

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

This concept optimized flight booking, helping users enter details easily and view clear prices instantly, speeding up trip planning and improving business efficiency.

Team
Freelance UX Designer
Type
Mobile application
Category
UX design
Methods
Research
Interaction design
UI prototyping

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

This concept optimized flight booking, helping users enter details easily and view clear prices instantly, speeding up trip planning and improving business efficiency.

Users struggle to find the best flight options when complex search interfaces overwhelm them, leading to confusion and poor decision-making.

Team
Freelance UX Designer
Type
Mobile application
Category
UX design
Methods
Research
Interaction design
UI prototyping

Fly High - 2024

Booking flight tickets

Users struggle to find the best flight options when complex search interfaces overwhelm them, leading to confusion and poor decision-making.

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

This concept optimized flight booking, helping users enter details easily and view clear prices instantly, speeding up trip planning and improving business efficiency.

Team
Freelance UX Designer
Type
Mobile application
Category
UX design
Methods
Research
Interaction design
UI prototyping

Fly High - 2024

Booking flight tickets

Users struggle to find the best flight options when complex search interfaces overwhelm them, leading to confusion and poor decision-making.

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

This concept optimized flight booking, helping users enter details easily and view clear prices instantly, speeding up trip planning and improving business efficiency.

Team
Freelance UX Designer
Type
Mobile application
Category
UX design
Methods
Research
Interaction design
UI prototyping

Users struggle to find the best flight options when complex search interfaces overwhelm them, leading to confusion and poor decision-making.

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

This concept optimized flight booking, helping users enter details easily and view clear prices instantly, speeding up trip planning and improving business efficiency.

Team
Freelance UX Designer
Type
Mobile application
Category
UX design
Methods
Research
Interaction design
UI prototyping

CONTEXT

Rethinking flight booking: A new approach

Booking flights frustrates everyone. When you look for a flight, you follow the same steps: changing details to find the best deal. And you might think, “Will modifying my travel date save money? Will a different airport be cheaper?” This search forces you to scroll through endless results, tweak options, and refine your criteria.

Mostly, airline websites follow the same flight search pattern. Is one solution enough? Let’s challenge this with fresh ideas.

THE PROBLEM

Behind the flight search curtain:
what travellers see & what they don't

🤯 User Problems

  • Flight Search Frustration: Travelers struggle to book flights. High prices and hidden fees confuse them.
  • Rising Flight Costs: Every flight search boosts prices. Unclear airline pricing makes users doubt tracking.
  • Price Clarity Matters: Price is key when searching for flights, and unclear pricing leads to confusion.
  • Stressful Search Delays: Waiting frustrates users. Every search takes time, leading to annoying delays.

📊 Business Problems

  • Limited Control: Airlines rely on external booking platforms and can only make slight adjustments for improvements.
  • Factors Driving Prices: Pricing varies based on buyer habits, competitor rates, events, and other demand factors.
  • Cost per request: In most cases, searches are charged per request. To keep costs down, airlines want to reduce search requests. This leads to avoiding both pre-emptive and iterative queries.
No items found.

OVERVIEW

Create an accessible online booking experience:

A fictitious case study, created as a thought experiment, aims to challenge habits and inspire new ideas for better interactions.

Category
UX design
Type
Desktop website
Year
2022
Team
Solo UX Designer
THE PROBLEM

Challenges users face with airline websites

Flight booking websites overwhelm users with information and promotions, pushing them to third-party airfare providers for a smoother booking experience through simpler comparisons.

GOAL

Simplifying user-centric journeys

The idea of a vacation brings joy, but the tedious process of booking flights can quickly deflate our enthusiasm. Can we create websites that are easy to use while also giving us the essential information we need? In light of this question, I carefully investigated this challenge, resorting to research and analysis methods, which have supported insights discovered during my airline case study.

Why?

Throughout user interviews, I understood:

  • why some information architecture problems persist on several websites,
  • why there continue to be misleading details.

As a result, user engagement decreases significantly.

How?

So, something needed to be improved. It was vital to clarify:

  • what contents the site should contain,
  • how users are supposed to find all the necessary info on the web pages.

My goal was to structure the website as smoothly as possible.

REDEFINING THE CHALLENGE

Let's break the back-and-forth cycle

Flight apps require users to enter specific information before searching for flights, such that no information about suitable flight option is provided before viewing results.

This often leads to users navigating back and forth between pages, to find a solution that works for them: to find out how altering the input details affects the price, users must repeat the search process and scroll through flight results, leading to confusion and a high cognitive load early on.

As a result, the system has to repeatedly fetch and update data. Imagine if you could adjust all the price-related details on the first screen and see an estimated price immediately, before even viewing the results.

MOTIVATION

The passenger is the protagonist

Finding a suitable flight revealed common key challenges among users:
- 100% struggled with the constant back-and-forth navigation between screens to adjust parameters and screen through results;
- 40% of users faced difficulties when trying to book multiple tickets with different return options in a single reservation.

This allowed me to define the profile of the common user of Fly High, Ted.

In his quest to find the perfect flight, Ted frequently compares different platforms and adjust various parameters according to his personal priorities. This process highlights his need for a more streamlined and intuitive booking experience.

FIRST ATTEMPT

A new way of booking

Two key hypotheses shaped my flight search design solution:

Essential Inputs
By keeping only essential inputs travelers can stay focused and refine the final price more effectively.

Immediate Feedback
Allowing travelers to see price info immediately as they enter details increases the likelihood of relevant results on the first try.

This proposed design centers on the traveler, their needs, and budget. Each entry is given our full attention, using separate dialogue boxes for each entry to reduce cognitive load and create space for content.
Users will know if there is a suitable flight for them before searching and scrolling through results.

Essential info in one page

All price-relevant information is displayed together. Users first select one-way or round-trip, a fixed choice they typically have in mind. Then, they can choose flexible departure and arrival points and dates.

Best price calendar

The calendar on the same page lets users see prices without toggling between screens. Prices are cached from previous searches. So, final prices may vary slightly, but this ensures that users can assess flight suitability before clicking "search flights".

Passengers inside process

Additional queries, like passenger count, are selected after the results are displayed, as they don’t affect the price per passenger. Flexible booking options for mixed flights are offered.

VALIDATION

Understanding how users make decision

In the storyboard below, we're diving into the journey of our users to better understand their behaviors and interactions. Think of it as a story where each scene reveals a bit more about how users engage with our product. This will help us identify what works well and where we can make improvements.

🔴 Pain points

  • Passenger Entry Confusion
    Users expected to specify passengers initially in the booking.
  • Excessive Clicks
    Too many clicks between dialogue boxes and main page increased error rate and cognitive load.

🟢 Successes

  • Efficient Flight Selection
    Users easily identify best prices and dates before viewing results.
  • Professional Design
    The professional-looking interface enhanced user trust.
  • Flexible Booking Options
    Users appreciated booking flights for multiple people with different return dates in one booking.

Emotional journey when booking flights

Our hypothesis was that to simplify the search we should focus on key details for the price-per-person. But this backfired—users were confused when they couldn’t enter passenger details upfront, expecting it on the first page. Navigating back and forth between multiple dialogue boxes and the main page further disrupted the flow.

C'è confusione -
What did I discover?

  • Users were distracted by confusing promotions;
  • The flight details layout was confusing;
  • Unclear explanation of cost breakdown and final flight prices;
  • Users had trouble finding the Call To Action (CTA).

SOLUTION

Back to the drawing board

Smoother input flow

Reduce clicks and navigation between dialogue boxes by using a coherent question flow. Travelers provide key details sequentially, used for the price estimate in the calendar, before going back to the main page.

One booking, mixed flights!

Passengers can still book a trip with one-way flights together and return flights separately, avoiding the need to start a new booking and re-enter overlapping information.

Flexibility until the end

Guiding the user to a secure payment at the end of the booking process, while allowing currency changes directly on the page.

Prototype

I created a high-fidelity prototype to simulate the actual product experience, with interactive features, emphasizing visual hierarchy and affordances.

RESULTS

Designing for success

By implementing this design, users no longer navigated multiple screens or repeatedly searched for price changes, and quickly adjusted passenger numbers on the first page. With a 60% improvement in time-per-task, this solution enhanced user experience, but also contributed to better potential business outcomes by increasing efficiency and satisfaction.

⚙️Streamlined User Flow

Users focus on booking needs instead of trial-and-error, which reduces frustration and cognitive load, making the search process more intuitive and user-friendly.

😊 Enhanced User Satisfaction

A straightforward search process reduces confusion, helping users find the best flight options faster, likely increasing satisfaction scores and lowering user complaints.

📈 Better Conversion Rates

Simplifying the process encourages users to complete bookings, can result in higher conversion rates, better revenue, and it can reduce search abandonment.

🛒 Reduced Checkout Steps

The checkout user flow simplifies navigation by shortening the path through the app, enabling users to complete bookings more quickly and efficiently.

Main challenge and lessons learnt

I tackled this UX project with confidence. Research methods provided valuable insights, and I enhanced my communication skills while unleashing my creativity through interactive prototypes.

Gathering extensive information is crucial for designing a website that meets client needs. By understanding users and collaborating with developers, I can create a site that satisfies everyone’s expectations.

Prima soluzione WWW

I structured a particular booking task for them and proactively gathered their feedback on the page experience, identifying issues they faced while navigating certain checkout phases.

Seconda soluzione
OUT 2 IN 1 Improved

I structured a particular booking task for them and proactively gathered their feedback on the page experience, identifying issues they faced while navigating certain checkout phases. add %

Terza soluzione CURRENCY

Video From currency page to payment secure and in one page w/out scrolling.

Metter elementi e component flight result.

Fare come ha fatto oliver di Suggested Jobs ZipRecruiter•2020 in group Header anatomy logo apple con linee ecc.

TOOLS

Usability testing

Initially, I conducted interviews to draw in-depth insights directly from users. Using a recruitment screener, I identified target groups based on:

  • Age: two people aged about 25 years old and two over 40 years old;
  • Location: the UK and Europe;
  • Device: mainly laptops.

How did I interact with users?

I structured a particular booking task for them and proactively gathered their feedback on the page experience, identifying issues they faced while navigating certain checkout phases.

Studying how people use airline websites helped me to facilitate them through tests, including understanding how they behave.

Affinity diagram

In the analysis, I began to sort and understand complex information, identifying user research patterns that were crucial in guiding me through the design process.

After scanning all the unstructured data, I was assisted by an external collaborator in summarising findings and ideas.

We split all the leading insights into categories bringing out pain points, user needs and potential trends.

Customer journey map

The research indicated that users experienced confusion due to unnecessary steps and intrusive pop-ups. Implementing the following tool facilitated process simplification, enabling me to prioritize essential elements and make more informed project decisions.

What did I discover?

  • Users were distracted by confusing promotions;
  • The flight details layout was confusing;
  • Unclear explanation of cost breakdown and final flight prices;
  • Users had trouble finding the Call To Action (CTA).

DESIGN

Flow diagram

After identifying key issues, I prioritized designing new ideas and features. My initial aim was to simplify the booking process, seeking to minimize steps and clicks, as illustrated in my flow diagram.

Sketches

Initial sketches based on the flow diagram are presented here.

Select your flight

In my research findings, people wanted the important stuff up front: flight times and prices. So, I made sure to put these in focus to avoid any distractions. Also, when booking as a group, they often asked, "what's the cost for each of us?".

So, that's why on the flight results page, I displayed the price per passenger and simplified the choices by adding filters based on your preferences. I also decided to add a progress bar to keep users informed about their task's remaining steps.

Promotion page

I included a page where people can discover all the exclusive add-ons, following the consistency and usability design principles. Next, it's crucial to test this feature with developers for a comprehensive evaluation.

Log in as a guest

Based on Baymard Institute's 2022 research, 24% of users tend to leave when forced to create an account. So, I decided to facilitate the purchase process. How? By simplifying registration, allowing new customers to buy as guests during checkout.

This simple step improves usability and promotes purchasing by including the user’s will and avoiding the loss of sales.

Payment

As users approached the crucial payment step, I embraced a minimalist design to build trust. Ensuring security, I provided diverse payment methods, guiding users through a traditional process: What's being purchased? And how much is it?

Moreover, for a great experience, I should collaborate with developers, including UI designers, to create input fields that automatically format numbers and text, making them easier to verify and minimizing errors.

DESIGN

Flow diagram

After identifying key issues, I prioritized designing new ideas and features. My initial aim was to simplify the booking process, seeking to minimize steps and clicks, as illustrated in my flow diagram.

Sketches

Initial sketches based on the flow diagram are presented here.

Select your flight

In my research findings, people wanted the important stuff up front: flight times and prices. So, I made sure to put these in focus to avoid any distractions. Also, when booking as a group, they often asked, "what's the cost for each of us?".

So, that's why on the flight results page, I displayed the price per passenger and simplified the choices by adding filters based on your preferences. I also decided to add a progress bar to keep users informed about their task's remaining steps.

Promotion page

I included a page where people can discover all the exclusive add-ons, following the consistency and usability design principles. Next, it's crucial to test this feature with developers for a comprehensive evaluation.

Log in as a guest

Based on Baymard Institute's 2022 research, 24% of users tend to leave when forced to create an account. So, I decided to facilitate the purchase process. How? By simplifying registration, allowing new customers to buy as guests during checkout.

This simple step improves usability and promotes purchasing by including the user’s will and avoiding the loss of sales.

Payment

As users approached the crucial payment step, I embraced a minimalist design to build trust. Ensuring security, I provided diverse payment methods, guiding users through a traditional process: What's being purchased? And how much is it?

Moreover, for a great experience, I should collaborate with developers, including UI designers, to create input fields that automatically format numbers and text, making them easier to verify and minimizing errors.

IDEATE

Wireframes for developers

To guide the developers effectively, I compiled clear instructions in the next document, outlining all the necessary details and annotations.

Prototype

I created a high-fidelity prototype to simulate the actual product experience, with interactive features, emphasizing visual hierarchy and affordances.

Main challenge and lessons learnt

I tackled my first UX project with confidence and determination. Advanced research methodologies helped me gain valuable insights, and my supervisor's guidance enabled me to succeed. Accurate and trustworthy results followed, and my communication skills improved through affinity mapping collaboration. Interactive prototypes unleashed my creativity.

It's important to take the time to gather as much information as possible, to create a website that truly meets the client's needs. So, by learning more about users and their goals, and working closely with developers every step of the way, I can design a site that satisfy everyone's expectations.

Prototype

I created a high-fidelity prototype to simulate the actual product experience, with interactive features, emphasizing visual hierarchy and affordances.

Main challenge and lessons learnt

I tackled my first UX project with confidence and determination. Advanced research methodologies helped me gain valuable insights, and my supervisor's guidance enabled me to succeed. Accurate and trustworthy results followed, and my communication skills improved through affinity mapping collaboration. Interactive prototypes unleashed my creativity.

It's important to take the time to gather as much information as possible, to create a website that truly meets the client's needs. So, by learning more about users and their goals, and working closely with developers every step of the way, I can design a site that satisfy everyone's expectations.

IDEATE

Wireframes for developers

To guide the developers effectively, I compiled clear instructions in the next document, outlining all the necessary details and annotations.

Prototype

I created a high-fidelity prototype to simulate the actual product experience, with interactive features, emphasizing visual hierarchy and affordances.

Main challenge and lessons learnt

I tackled my first UX project with confidence and determination. Advanced research methodologies helped me gain valuable insights, and my supervisor's guidance enabled me to succeed. Accurate and trustworthy results followed, and my communication skills improved through affinity mapping collaboration. Interactive prototypes unleashed my creativity.

It's important to take the time to gather as much information as possible, to create a website that truly meets the client's needs. So, by learning more about users and their goals, and working closely with developers every step of the way, I can design a site that satisfy everyone's expectations.