Halal Joints App

A UX/UI Consultation
My favourite thing about working with Anisa was her attention to detail and ability to justify design decisions she made. I learnt a lot about the user’s perspective through Anisa and believe Halal Joints will benefit greatly when her recommendations are implemented.

Halal Joints Co-Founder

Halal Joints

Halal Joints App is London's No.1 award winning halal food finder app. The app launched in 2018 and plans to expand across different cities such as Tokyo and the New York. Halal Joints allows users to search deals, cuisines and see who's delivering.
"Finding halal places to eat can be so time-consuming, if I can't find anywhere then I'll stay indoors."
A phrase I hear all too often as a halal eater with family/friends who also eat halal.

The Challenge

Halal Joints were experiencing a drop in downloads and less user engagement - the momentum was declining.

Brief

My Role

Time Frame

Design Process

PHASE 1:

Research

Competitor Analysis

Why did I use this method?

The Halal Joints Co Founder mentioned there were competitor halal food apps whose names would crop up in the initial survey that was carried out before the app was created.

Competitor analysis does not mean to copy what others are doing. It helps me explore what the current market looks like right now and what features are appropriate/inappropriate for a food finder app. In the context Halal Joints, I wanted to know how competitors were displaying the same type of information and what is making them stand out.

How did I choose competitors?

List was set by co founder and I reduced it down to UK apps, popularity and similar services.
Halal Joints
Halal Trip
Crave Halal
Zabihah
App annotations.

Key takeaways

Competitor Analysis

I will explore benefits of a 'trending' section because the competitors identified it as being so important and it's something Halal Joints don't place emphasis on right now.

Interviews

I conducted user interviews in order to get a better understanding what user's dining habits looked like, what they saw as being important when finding a place to eat and what would reassure them the restaurants they were visiting were halal.

Participants

300 participants ranging from 16 - 60yrs.
Questionnaire was completed via Google Forms

Findings

Findings from survey.

Key takeaways

Interviews

Pictures/atmosphere indications seem important, so I will incorporated this where I can into my designs.

Red Route Analysis

Why do a Red Route Analysis?

So I could find the features that were most crucial for a food finder app. Optimising those features is what's important, ancillary features follow after.

How did I carry it out?

I did not have the resources to interview Halal Joint's users but I did have access to the pre suvery questionnaire of 300 responses and the competitor analysis I just complete. I worked with what I had and found some interesting things.
Red Route Analysis.

Key takeaways

Red Route Analysis

I will be looking at bringing out the 'add place to list feature' of Halal Joints and I will be looking at ways to categorise /filter the content in the app better.

PHASE 2:

IDEATE

Ideation Techniques

Crazy Eights

  • 8 ideas
  • 1 idea per minute
  • Think outside the box/no constraints.

Mind Mapping

The aim was to create intuitive food categories to replace ones that were already listed.
Brainstorm, reduce and give reason for eliminations.

How I decide on categories:
  • Which ones rely on user engagement?
  • What will save time?
  • What will incorporate user survey results, like the reviews?

PHASE 3:

DESIGN

Wireframes

Low-fid wireframe
Mid-fi wireframe

Changes from low to mid fidelity

I created an explore and delivery tab. I did this because the app already has an option for browsing restaurants who are delivering - but it’s clumped in with food categories. Creating a dedicated tab would show users immediately this is an option.
High-fid wireframe

Changes from mid to high fidelity

Final Interfaces

Design Breakdown

1. Visited, Faved and Bookmarked are shown immediately on home tab.
Why? Users immediately see what actions they’ve taken on the tab, increases likelihood of further interaction.

2. Clearly defined group dedicated to search and cuisines.
Why? Clearly defines boundaries helps users to categorise info easier
3. Separation of Explore and Deliver
Would be ideal if this distinction was shown early on to show that chance to browse delivery is possible on app.

4. Stars and Price (reviews and cost) seemed to be really important in pre-survey. Showing that info early on means quicker browsing experience. Having an understandable key for price indications is helpful. Adopted by a lot of food/holiday/hotel apps.
5. The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.

Showing how many places have been faved or bookmarked whilst browsing, reminds users of the feature and adds a sense of agency.

PHASE 4:

Deliver

Prototype

PHASE 5:

Iterate

User feedback is not available yet as Halal Joints is yet to relaunch. I will be keeping an eye on reviews and having further conversations with the Co-Founder to see what worked well and not so well.

RESEARCH IDEATEDESIGNDELIVERITERATE