Revamping KFC Pakistan's mobile app

Revamping KFC Pakistan's mobile app

Revamping KFC Pakistan's mobile app

Ever since COVID hit, people couldn’t visit KFC physically. Thats when their app came into play, which received unsatisfactory feedback from the users because it had usability issues, hindering the app's overall experience and also the company's sales.

Ever since COVID hit, people couldn’t visit KFC physically. Thats when their app came into play, which received unsatisfactory feedback from the users because it had usability issues, hindering the app's overall experience and also the company's sales.

Role

Product Designer

Product Designer

Responsibilities

UI/UX Design

UI/UX Design

User Research

User Research

Heuristic Evaluation

Heuristic Evaluation

Gaining insight into the users' emotions and sentiments

Gaining insight into the users' emotions and sentiments

Before talking to users to find out about their pain points, I went through KFC Pakistan's reviews on the app store to find out what feedback was given by the users. Most reported issues on the app store were related to login, location, slow loading, buggy checkout process and limitation of payment modes.

reviews

Evaluating existing app's usability and friendliness

Evaluating existing app's usability and friendliness

After going through the app reviews, I downloaded the app and examined the design with great detail and used my intuition and knowledge of best practices to point out issues. I asd did a heuristic evaluation which gave me valuable insight ahead of interviewing users and learning about their frustrations in detail.

After going through the app reviews, I downloaded the app and examined the design with great detail and used my intuition and knowledge of best practices to point out issues. I asd did a heuristic evaluation which gave me valuable insight ahead of interviewing users and learning about their frustrations in detail.

old design

Key insights from analysis

Key insights from analysis

Home

Aesthetic & minimalist design / Consistency & standards

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Menu

Flexibility & efficiency of use / Recognition rather than recall

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Product Detail

Consistency & Standards

Tap target on the dropdown items was small which lead to a wrong election most of the times.

Checkout

Error prevention / User control & freedom

After adding items in bucket and entering delivery information on checkout, the app sometimes would prompt to edit the bucket because some of the added items weren't available for delivery in that location.

Home

Aesthetic & minimalist design / Consistency & standards

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Menu

Flexibility & efficiency of use / Recognition rather than recall

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Product Detail

Consistency & Standards

Tap target on the dropdown items was small which lead to a wrong election most of the times.

Checkout

Error prevention / User control & freedom

After adding items in bucket and entering delivery information on checkout, the app sometimes would prompt to edit the bucket because some of the added items weren't available for delivery in that location.

Home

Aesthetic & minimalist design / Consistency & standards

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Menu

Flexibility & efficiency of use / Recognition rather than recall

The home screen is unattractive and unappetizing. Only the ongoing promos are shown here which do not serve the users completely because users are familiar with viewing menu items and categories right on the home page, which is how most food delivery apps are designed.

Product Detail

Consistency & Standards

Tap target on the dropdown items was small which lead to a wrong election most of the times.

Checkout

Error prevention / User control & freedom

After adding items in bucket and entering delivery information on checkout, the app sometimes would prompt to edit the bucket because some of the added items weren't available for delivery in that location.

Unlocking insights - User interviews & Empathy Mapping

Users were given the goal of browsing through the KFC app and placing an order, and were interviewed afterwards to gather insights about their needs, pain points, experiences and behaviours.

Afterwards, I synthesised the insights from interviews in an empathy map, which allowed for a more profound understanding of the users, serving as a valuable tool in capturing their behaviours. Furthermore, the process facilitated the creation of a comprehensive and relatable "user" in the user story.

Unlocking insights - User interviews & Empathy Mapping

Users were given the goal of browsing through the KFC app and placing an order, and were interviewed afterwards to gather insights about their needs, pain points, experiences and behaviours.

Afterwards, I synthesised the insights from interviews in an empathy map, which allowed for a more profound understanding of the users, serving as a valuable tool in capturing their behaviours. Furthermore, the process facilitated the creation of a comprehensive and relatable "user" in the user story.

Unlocking insights - User interviews & Empathy Mapping

Users were given the goal of browsing through the KFC app and placing an order, and were interviewed afterwards to gather insights about their needs, pain points, experiences and behaviours.

Afterwards, I synthesised the insights from interviews in an empathy map, which allowed for a more profound understanding of the users, serving as a valuable tool in capturing their behaviours. Furthermore, the process facilitated the creation of a comprehensive and relatable "user" in the user story.

Empathy map

Competitive analysis

The space of Food Delivery apps is saturated so I explored other similar applications. The goal was to understand their key features, strengths and use this information to set a direction for KFC app's improvement.

Competitive analysis

The space of Food Delivery apps is saturated so I explored other similar applications. The goal was to understand their key features, strengths and use this information to set a direction for KFC app's improvement.

Competitive analysis

The space of Food Delivery apps is saturated so I explored other similar applications. The goal was to understand their key features, strengths and use this information to set a direction for KFC app's improvement.

competitive analysis

Key Insights from user research and competitive analysis

Problem # 1

Users didn’t like the experience of browsing through the items because they are nested within the Menu screen. Inorder to view a different menu, users had to go back from the items list to menu screen and then go into the detail of a different menu.

Competitor apps had easy and intuitive navigation

Problem # 2

Some users weren't getting OTPs, hence they weren't able to login.

Competitor apps had no OTP issues

Problem # 3

After adding an item in bucket, entering delivery information would sometimes prompt the user to edit the bucket because the previously added item wasn’t available for delivery in that area.

Some competitor had this issue

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 5

After successfully placing an order, there were no real time status updates.

After successfully placing an order, there were no real time status updates.

Key Insights from user research and competitive analysis

Problem # 1

Users didn’t like the experience of browsing through the items because they are nested within the Menu screen. Inorder to view a different menu, users had to go back from the items list to menu screen and then go into the detail of a different menu.

Competitor apps had easy and intuitive navigation

Problem # 2

Some users weren't getting OTPs, hence they weren't able to login.

Competitor apps had no OTP issues

Problem # 3

After adding an item in bucket, entering delivery information would sometimes prompt the user to edit the bucket because the previously added item wasn’t available for delivery in that area.

Some competitor had this issue

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 5

After successfully placing an order, there were no real time status updates.

After successfully placing an order, there were no real time status updates.

Key Insights from user research and competitive analysis

Problem # 1

Users didn’t like the experience of browsing through the items because they are nested within the Menu screen. Inorder to view a different menu, users had to go back from the items list to menu screen and then go into the detail of a different menu.

Competitor apps had easy and intuitive navigation

Problem # 2

Some users weren't getting OTPs, hence they weren't able to login.

Competitor apps had no OTP issues

Problem # 3

After adding an item in bucket, entering delivery information would sometimes prompt the user to edit the bucket because the previously added item wasn’t available for delivery in that area.

Some competitor had this issue

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 4

Most users preferred to pay online but that option wasn’t available in the app.

Competitor apps had more payment options

Problem # 5

After successfully placing an order, there were no real time status updates.

After successfully placing an order, there were no real time status updates.

Beginning to design

Beginning to design

Drawing from the knowledge obtained through the preliminary review, analysis of competitors, empathy mapping, and understanding user challenges, I outlined the app's information structure and initial wireframes.

Drawing from the knowledge obtained through the preliminary review, analysis of competitors, empathy mapping, and understanding user challenges, I outlined the app's information structure and initial wireframes.

Colors that pop.

Visuals that makes you hungry for more

Colors that pop.

Visuals that makes you hungry for more

I crafted the high fidelity, interactive visuals that encapsulate the brand's distinct identity. The design solved the users' problems and accentuated KFC's signature colors, typography, and imagery to offer a familiar yet modern digital experience. By focusing on an intuitive user journey, each element was placed with intent, ensuring that users can effortlessly navigate through the app. This polished version set the stage for practical user testing, ensuring that the app not only looked good but functioned seamlessly before diving into the development phase.

I crafted the high fidelity, interactive visuals that encapsulate the brand's distinct identity. The design solved the users' problems and accentuated KFC's signature colors, typography, and imagery to offer a familiar yet modern digital experience. By focusing on an intuitive user journey, each element was placed with intent, ensuring that users can effortlessly navigate through the app. This polished version set the stage for practical user testing, ensuring that the app not only looked good but functioned seamlessly before diving into the development phase.

KFC

Results that speak volumes

Results that speak volumes

The updated design was tested with the same group of users and the issues that they reported earlier were resolved. The users and the business stakeholders loved they way the prototype felt because it was way more engaging and delightful to use.

The updated design was tested with the same group of users and the issues that they reported earlier were resolved. The users and the business stakeholders loved they way the prototype felt because it was way more engaging and delightful to use.

The updated design was tested with the same group of users and the issues that they reported earlier were resolved. The users and the business stakeholders loved they way the prototype felt because it was way more engaging and delightful to use.

Let's work

together.

heyy.osama@gmail.com

Let's work

together.

heyy.osama@gmail.com

Let's work

together.

heyy.osama@gmail.com