GlobalWifi
GlobalWifi
01
OVERVIEW
01
OVERVIEW
Airport WIFI is vital for travellers, supporting communication, navigation, entertainment, productivity, and travel planning. An airport WIFI app enhances user experience by simplifying access, providing crucial information, ensuring security, integrating with other services, and facilitating continuous improvements based on user feedback, thereby boosting connectivity and convenience for travellers.
Airport WIFI is vital for travellers, supporting communication, navigation, entertainment, productivity, and travel planning. An airport WIFI app enhances user experience by simplifying access, providing crucial information, ensuring security, integrating with other services, and facilitating continuous improvements based on user feedback, thereby boosting connectivity and convenience for travellers.
Problem Statement
Tocumen International Airport outdated WiFi design negatively impacts users and businesses by causing poor user experiences, limited functionality, negative brand perception, and missed revenue opportunities. Upgrading to modern design solutions is essential for meeting user expectations and maximizing business potential.
Tocumen International Airport outdated WiFi design negatively impacts users and businesses by causing poor user experiences, limited functionality, negative brand perception, and missed revenue opportunities. Upgrading to modern design solutions is essential for meeting user expectations and maximizing business potential.
Tocumen International Airport outdated WiFi design negatively impacts users and businesses by causing poor user experiences, limited functionality, negative brand perception, and missed revenue opportunities. Upgrading to modern design solutions is essential for meeting user expectations and maximizing business potential.
02
OBJECTIVE
& GOALS
02
OBJECTIVE
& GOALS
Enhanced User Experience:
Enhanced User Experience:
Develop an intuitive, user friendly interface that encompass all different type of users and simplifies the process of connecting to airport WIFi, and navigating data plans.
Develop an intuitive, user friendly interface that encompass all different type of users and simplifies the process of connecting to airport WIFi, and navigating data plans.
Improved UI
Improved UI
Ensure that the app is accessible to all passengers, including those with disabilities, by adhering to accessibility standards and guidelines for user interface design and functionality.
Ensure that the app is accessible to all passengers, including those with disabilities, by adhering to accessibility standards and guidelines for user interface design and functionality.
Free Journey
Free Journey
Paid Journey
Paid Journey
03
RESEARCH
03
RESEARCH
This research was crucial because it provided valuable insights into user behavior, pain points, and expectations. It helped identify gaps in the old design, ensuring that the new version was more intuitive, accessible, and engaging. By grounding design decisions in real user data, the research ensured that the final experience was not just visually appealing but also functionally effective, leading to better usability and overall satisfaction.
This research was crucial because it provided valuable insights into user behavior, pain points, and expectations. It helped identify gaps in the old design, ensuring that the new version was more intuitive, accessible, and engaging. By grounding design decisions in real user data, the research ensured that the final experience was not just visually appealing but also functionally effective, leading to better usability and overall satisfaction.
What’s the issue with the Old design?
•The previous design screen was outdated and not user-friendly, causing frustration and inefficiency for users.
•It had a cluttered layout and confusing navigation, making it clumsy user experience.
•Additionally, advancements in design trends had made it visually unappealing and out of touch with current standards.
•Redesigning the screen was necessary to improve the user experience, functionality, and align with modern design principles. The goal was to streamline workflows, enhance user interactions, and create a visually engaging experience for our audience.
•The previous design screen was outdated and not user-friendly, causing frustration and inefficiency for users.
•It had a cluttered layout and confusing navigation, making it clumsy user experience.
•Additionally, advancements in design trends had made it visually unappealing and out of touch with current standards.
•Redesigning the screen was necessary to improve the user experience, functionality, and align with modern design principles. The goal was to streamline workflows, enhance user interactions, and create a visually engaging experience for our audience.
Understanding the airport operations
I studied how Tocumen International Airport operates before redesigning the app. This helped me identify key areas for improvement, streamline the user journey, and ensure the app works well with airport systems. The result was a more efficient and user-friendly product.
Some key insights from research:
I studied how Tocumen International Airport operates before redesigning the app. This helped me identify key areas for improvement, streamline the user journey, and ensure the app works well with airport systems. The result was a more efficient and user-friendly product.
Some key insights from research:
Understanding Client's need
Before initiating the design process, I conducted a collaborative interview with the client. We shared key insights and research findings. While I had completed initial research, I identified a gap in my understanding of the actual user data and pain points, which the client had from real user feedback and behavioral analytics of the existing app.
We collaboratively discussed which changes should be prioritized for the redesign and reached the following conclusions:
Before initiating the design process, I conducted a collaborative interview with the client. We shared key insights and research findings. While I had completed initial research, I identified a gap in my understanding of the actual user data and pain points, which the client had from real user feedback and behavioral analytics of the existing app.
We collaboratively discussed which changes should be prioritized for the redesign and reached the following conclusions:
Clearer Pricing and Plan Details:
Clearer Pricing and Plan Details:
We noted that users often struggle with understanding data plan options and pricing tiers. Creating a more transparent and visually intuitive system for plan comparisons is essential.
We noted that users often struggle with understanding data plan options and pricing tiers. Creating a more transparent and visually intuitive system for plan comparisons is essential.
Mobile First Design:
Mobile First Design:
Given that users are primarily mobile users, the client stressed the need for a mobile first approach, ensuring the app is responsive and easy to navigate on smaller screens.
Given that users are primarily mobile users, the client stressed the need for a mobile first approach, ensuring the app is responsive and easy to navigate on smaller screens.
Enhanced Visual Hierarchy:
Enhanced Visual Hierarchy:
We identified the need for better visual organization, particularly when it came to plan comparisons and pricing. A cleaner layout with a strong visual hierarchy was seen as crucial for helping users make decisions faster.
We identified the need for better visual organization, particularly when it came to plan comparisons and pricing. A cleaner layout with a strong visual hierarchy was seen as crucial for helping users make decisions faster.
User Friendly Design:
User Friendly Design:
Airports attract a diverse range of people from various backgrounds and age groups. Therefore, the design needs to prioritize ease of navigation, particularly for older adults and less tech-savvy users, ensuring accessibility and simplicity for all.
Airports attract a diverse range of people from various backgrounds and age groups. Therefore, the design needs to prioritize ease of navigation, particularly for older adults and less tech-savvy users, ensuring accessibility and simplicity for all.
Branding:
Branding:
The current design lacks clear representation of the company's branding. In the new redesign, the branding should be consistently visible throughout the user journey, incorporating brand colors, typography, logos, and other visual elements to create a cohesive brand identity.
The current design lacks clear representation of the company's branding. In the new redesign, the branding should be consistently visible throughout the user journey, incorporating brand colors, typography, logos, and other visual elements to create a cohesive brand identity.
04
DESIGN
04
DESIGN
In the design phase, I turned research insights into wireframes and prototypes, focusing on usability and aesthetics. I refined interactions, worked with brand colors and typography. Through iterative testing, I improved the experience, making the final design intuitive, engaging, and aligned with user needs for a seamless journey.
In the design phase, I turned research insights into wireframes and prototypes, focusing on usability and aesthetics. I refined interactions, worked with brand colors and typography. Through iterative testing, I improved the experience, making the final design intuitive, engaging, and aligned with user needs for a seamless journey.
Lets check out the Improvement
Lets check out the Improvement
05
COMPRASION
05
COMPRASION
Let’s explore how user experiences differ between the old and new designs! 🚀
Let’s explore how user experiences differ between the old and new designs! 🚀
I
Home page
Home page
The previous design was outdated and not user-friendly, causing frustration and inefficiency for users. It had a cluttered layout and confusing navigation, making it difficult to use smoothly. Additionally, advancements in design trends had made it visually unappealing and out of touch with current standards. Redesigning the screen was necessary to improve the user experience, functionality, and align with modern design principles. The goal was to streamline workflows, enhance user interactions, and create a visually engaging experience for our audience.
The previous design was outdated and not user-friendly, causing frustration and inefficiency for users. It had a cluttered layout and confusing navigation, making it difficult to use smoothly. Additionally, advancements in design trends had made it visually unappealing and out of touch with current standards. Redesigning the screen was necessary to improve the user experience, functionality, and align with modern design principles. The goal was to streamline workflows, enhance user interactions, and create a visually engaging experience for our audience.
Home page- Defore
Home Page - After
II
User Data Input
User Data Input
The new design for the user input detail page emphasizes simplicity and clarity. It features a streamlined layout, intuitive navigation, and clear instructions. Additionally, it provides larger selection areas for gender and T&C options, enhancing usability and user experience.
The new design for the user input detail page emphasizes simplicity and clarity. It features a streamlined layout, intuitive navigation, and clear instructions. Additionally, it provides larger selection areas for gender and T&C options, enhancing usability and user experience.
Data input- Before
Data input- Before
Data Input- After
III
Data Plan Selection Page
Data Plan Selection Page
The new design enhances user experience by simplifying input requirements and streamlining the process. It now offers three widely used international payment options, making transactions more convenient for users.
The new design enhances user experience by simplifying input requirements and streamlining the process. It now offers three widely used international payment options, making transactions more convenient for users.
Data Plan Page- Before
Data Plan Page - After
IV
Data Usage Timer
Data Usage Timer
The new design enhances user experience by simplifying the layout, removing unnecessary elements, and ensuring easy navigation. Users can now effortlessly find what they need, with a more intuitive interface that prioritizes efficiency and clarity. This streamlined approach makes interactions smoother
The new design enhances user experience by simplifying the layout, removing unnecessary elements, and ensuring easy navigation. Users can now effortlessly find what they need, with a more intuitive interface that prioritizes efficiency and clarity. This streamlined approach makes interactions smoother
Data Usage Page- Before
Data Usage Page - After
V
Card Payment Page
Card Payment Page
The improved UI design features enhanced user information and visual details, for better user experience.
The improved UI design features enhanced user information and visual details, for better user experience.
Card Payment Page- Before
Card Payment Page - After
VI
Session End
Session End
The current design was primarily focused on informing users that their data plan had expired. In the redesign, I aimed to introduce additional functionality, allowing users to renew their plan directly from the same screen or explore other available plans. This not only reduces the steps for users but also creates opportunities for the business to drive more sales.
The current design was primarily focused on informing users that their data plan had expired. In the redesign, I aimed to introduce additional functionality, allowing users to renew their plan directly from the same screen or explore other available plans. This not only reduces the steps for users but also creates opportunities for the business to drive more sales.
Session End Page - After
06
USER FLOW
06
USER FLOW
In the user flow phase, I mapped out how users navigate the product, ensuring a smooth and intuitive journey. I identified key touchpoints, streamlined interactions, and removed friction. By refining paths based on user needs, I created a logical, efficient flow that enhances usability and improves the overall experience.
In the user flow phase, I mapped out how users navigate the product, ensuring a smooth and intuitive journey. I identified key touchpoints, streamlined interactions, and removed friction. By refining paths based on user needs, I created a logical, efficient flow that enhances usability and improves the overall experience.
Onboarding
I made signing up the first step for new users. I designed the process to be easy to navigate and accessible for users of all ages. In the past, users had to enter their details after choosing a data plan, which disrupted their flow and caused dissatisfaction. Now, entering details at the start ensures a smoother experience once they're logged in.
Why was the user profile setup made the first step in the process?
In the previous user flow, users were taken directly to the home screen and prompted to enter their information only after selecting a data plan. However, we decided to switch to a flow where new users sign up first.
Here’s why we decided to made these changes:
•Authentication: Ensuring users are authenticated before accessing the service helps secure transactions and prevents unauthorized usage.
•Targeted Ads: Early sign up enables the app to offer personalized Ads based on user preferences. Specifically for users who opt for free plan.
•Convenience: Storing user information during sign up means the app can remember preferences, purchase history, and frequently used data plans. This makes future interactions faster and more efficient for repeat users, reducing effort on their part.
•Government/airport Protocols: In some cases, regulations may require identifying users before granting access to network services, making sign-up a necessary step.
I made signing up the first step for new users. I designed the process to be easy to navigate and accessible for users of all ages. In the past, users had to enter their details after choosing a data plan, which disrupted their flow and caused dissatisfaction. Now, entering details at the start ensures a smoother experience once they're logged in.
Why was the user profile setup made the first step in the process?
In the previous user flow, users were taken directly to the home screen and prompted to enter their information only after selecting a data plan. However, we decided to switch to a flow where new users sign up first.
Here’s why we decided to made these changes:
•Authentication: Ensuring users are authenticated before accessing the service helps secure transactions and prevents unauthorized usage.
•Targeted Ads: Early sign up enables the app to offer personalized Ads based on user preferences. Specifically for users who opt for free plan.
•Convenience: Storing user information during sign up means the app can remember preferences, purchase history, and frequently used data plans. This makes future interactions faster and more efficient for repeat users, reducing effort on their part.
•Government/airport Protocols: In some cases, regulations may require identifying users before granting access to network services, making sign-up a necessary step.
Paid Journey
Paid user journeys are crucial for business, so I ensured a seamless and quick user experience. I selected the three most popular international payment methods, given the airport's heavy international traffic.
Paid user journeys are crucial for business, so I ensured a seamless and quick user experience. I selected the three most popular international payment methods, given the airport's heavy international traffic.
Free Journey
The free user journey was designed to let new users experience the service without committing money. However, targeted ads were shown throughout this journey, and additional steps were included to display more ads to the users. This approach helps the business offset some of the costs.
The free user journey was designed to let new users experience the service without committing money. However, targeted ads were shown throughout this journey, and additional steps were included to display more ads to the users. This approach helps the business offset some of the costs.
Linking Other Devices - NEW FEATURE
Linking other devices was a new feature added with the redesign. To ease the burden of paying for each new device, we introduced the ability to link new devices to existing paid plans, allowing users to connect multiple devices with a single plan purchase.
Linking other devices was a new feature added with the redesign. To ease the burden of paying for each new device, we introduced the ability to link new devices to existing paid plans, allowing users to connect multiple devices with a single plan purchase.
Other Screens
The FAQ screen is designed to help users quickly find solutions to common issues, reducing the need to contact the help desk, which can be time consuming. The most asked queries can be addressed here.
The FAQ screen is designed to help users quickly find solutions to common issues, reducing the need to contact the help desk, which can be time consuming. The most asked queries can be addressed here.
