Back to work

Social app

02 / 03

FindMe

UX/UI redesign of a location sharing app for checking on friends and family.

Role
UX/UI designer
Team
With the client and a developer
Tools
  • Figma
  • Illustrator
  • Photoshop
Active users
+50%
Final screens
9
Two FindMe phones: the home map with a Share Location button and the My Connections list.

01 / Role

Solo designer, client in the loop

Owned

  • Competitor Analysis
  • Wireframing
  • Design System
  • Prototype

With The client via Agile, and the developer who got the prototype

02 / Process

Five key steps, benchmark to prototype

  1. 01

    Competitor Analysis

    Compared Glympse and Save Location on performance, user engagement and design gaps.

  2. 02

    Brainstorming

    Backlogged feature ideas and user problems: what to add, improve or eliminate.

  3. 03

    Wireframing

    Pencil and paper sketches of the ideated features and the user flow.

  4. 04

    Design System

    Colors, typeface, icons, buttons, cards and dialogs, reused across every screen.

  5. 05

    Prototype

    A prototype for the developer, showing how navigation works.

Glympse, one of the two benchmarked location sharing apps, showing its dark map screen.
Save Location, the second benchmarked location sharing app, showing its map screen.
Glympse vs Save Location, the two benchmarked apps

One style guide behind every screen

  • Colors
  • Typeface
  • Icons
  • Buttons
  • Cards
  • Dialogs
FindMe style guide: colors, Roboto and Monda type, icons, buttons, cards and dialogs.
Pencil wireframes on dot grid paper, photo 1 of 4.
Pencil wireframes on dot grid paper, photo 2 of 4.
Pencil wireframes on dot grid paper, photo 3 of 4.
Pencil wireframes on dot grid paper, photo 4 of 4.
Wireframes: pencil on dot grid paper

03 / Redesign

Four screens, before and after

Before / Home
Old FindMe home screen: the map and a Share Location button.
After / Home
New FindMe home screen: the map, Share Location, Connections and Messages.
Home
Before / Menu
Old FindMe menu with Home, My Profile and Settings.
After / Menu
New FindMe menu with Home, Profile, Settings and Log out.
Menu
Before / My Connections
Old FindMe My Connections list.
After / My Connections
New FindMe My Connections list.
My Connections
Before / Connection requests
Old FindMe Connection Requests screen with Accept Request and Reject Request links.
After / Connection requests
New FindMe Connection Request cards with Reject and Accept buttons.
Connection requests

Messaging, from paper sketch to inbox

  • Inbox and Sent tabs
  • One thread per contact
  • Photos in chat
The FindMe My Messages inbox.
A FindMe message thread from John.
A prototype for the developer, showing how navigation works.

04 / Blocker and recovery

Blocker and recovery

Blocker

An app already built, little room to move

FindMe had already been designed, so there was not much space to work with. The brief: solve its UX issues and keep the client's goal in view.

Recovery

Research first, then fix the weak screens

A competitor analysis of Glympse and Save Location came first. Then the screens with a poor user experience were reworked and new screens added.

Recovered by me

05 / Impact

Streamlined onboarding, more active users

Active users
+50%
After streamlined onboarding and clearer interaction patterns