Fave1.jpg

Fave Local Business App


Fave Local Business App

The Problem

Fave had an online web version of their local business database, but no way for businesses or customers to connect with each other and send/receive deals through some sort of responsive website or native mobile app. We were hired to create an iOS app that did just that.

Overview

I worked with the team at Neoappism to take the existing online browser version of Fave and build a mobile app for iOS that leverages the database of Fave while typing in features that allow users to build a robust List of their favorite local businesses and allow the local businesses to push deals directly to

Goals

Leverage the direct connection between customers and their favorite businesses by connecting them with each other and giving businesses the opportunity to market directly to customers that love them through the use of geo-location and geo-fencing. 


Research

Before starting on the user flow or site maps for campaign templates, I worked with the team that built the online version of Fave to identify the successful aspects of Fave as well as the pain points of it. We referenced previous research to inform which UX and visual elements worked well in the desktop version, while still planning to build the iOS version from a Mobile First standpoint. 


Information Architecture

I was able to begin mapping out my information architecture (IA). The goal was to create an intuitive app that users would be able to navigate and understand with ease. From here I was able to develop a user journey map which I then used to develop the hierarchical structure of the apps features that I needed to design.

Features

  • Geo-location fencing for proximity based deals
  • Push notifications from users "fave" local businesses
  • Groupon integration

Wireframing

Low Fidelity: I started the initial wireframing process using paper and pen to create very rough sketches and moved to Balsamiq for wireframing. I produced multiple iterations of the layouts, navigation and tested certain pages/features on usability websites (preference tests) and with friends. 

Hi Fidelity: I used Illustrator for the high-fidelity wireframes. It was during this process when I was able to add the color and typography and focus more on the visual design. I tested different iterations of the app by conducting a series of usability tests including quantitative and qualitative testing. Feedback from various user tests allowed me to improve and refine the design. Users wanted the app to feel easy to use, but still provide useful information about when their favorite businesses are open, what deals they are offering, and how to get ahold of them.


Prototyping

I used InVision and Adobe Illustrator to create a clickable protoype of Fave and conducted additional usability studies using this prototype via tests.