Q1 – Q4 2021

A Brand New Mobile App

This project is a work in progress and this page is a draft. Some of the designs on this page are likely to have already been iterated on by the time you're reading this. 🤓

Two devices showing the user inteface for the new Integrate mobile app

Context

In Q1 2021, roughly six months after having started to work on our new web platform, we turned our attention to the mobile app. This time we’re not starting a new codebase, but building on top of the existing one.

We had two major goals with this project:

  1. Redefine the app structure to allow for more flexibility and for the introduction of brand new concepts (e.g. capturing leads outside the context of an event).
  2. Elevate the visual design to a higher standard.

Discovery and Ideation

As usual, we started out by laying down very rough (and I mean rough) screens with all the interactions needed to map the underlying structure and then creating wireframe prototypes that we could put in front of people and start gathering feedback.

Four screenshots showing the progress from very basic wireframes all the way to high fidelity UI
An example of our iterative process.

Outcome

After having gathered tonnes of feedback, we finally started working on refining the visuals and the interactions.

Here are some of the highlights:

A home page showing the current event, future events, and recent contacts. At the bottom you can see a menu with a few items and a big button with a plus icon. A home page showing a list of events in chronological order

Hover for old UI

Home screen

The home screen was redesigned to allow for quick lead captures outside the context of an event and to bring forward relevant and contextual information.

Hover over the screenshot to see how it compares to the previous version of the app.

An even page showing statistics around the number of leads collected and their quality. Further down the screen you can see the most recent leads collected, and a button to collect additional leads. A list of recently collected leads and a button to collect more leads

Hover for old UI

Event view

We packed the event view with more information, but in a way that isn't too overwhelming for our users.

Hover over the screenshot to see how it compares to the previous version of the app.

A pop-up to select a capture method, from: badge scanner, business card scanner, and manual entry. On top of the pop-up is a selector for the event the capture is happening at. A simple form view with a few radio buttons for picking a capture method

Hover for old UI

Collection method selector

The collection method selection was completely redesigned to separate it from the collection form and make for an easier experience.

Hover over the screenshot to see how it compares to the previous version of the app.

A form interface showing a contact card with a photo an contact details at the top and a form separated into sections below it. A simple (and boring) form

Hover for old UI

Form view

The form was updated to highlight lead information and separated into different, logical sections to simplify the capture process.

Hover over the screenshot to see how it compares to the previous version of the app.

This project is actively being worked on and will be released later in the year.