Back to overview

Making of the Flag apps (iOS & Android)

Retail, Design
2014-2015 | 4 months
Flag (Retail Startup)

Flag Apps side by side

With my startup Flag I brought apps to the App Store and PlayStore. Both respect the guidelines of the platforms and were developed following a human-centered design approach. I was responsible for the UX, UI and product management.


The app is a product of the startup Flag, which I was a co-founder of. For more information on Flag, please see below.

We started the development by conducting interviews with potential users. How do they buy products today? Do they recognize the problem we try to solve?

Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side

We then created personas on variables like income, tech experience, product categories of interest and age. Next we wrote simple user stories, which then were the foundation for the structure of our app.

App on Paper

Before going digital, I took pen and paper to sketch down my ideas. I do this on my own, but also in workshops with the whole team to get their opinion. If the project planning allows it, I also involve users at this stage.

Pen and Paper sketches of App Pen and Paper Sketches of iOS App

Digital sketching

I then switch to Sketch for wireframing.

In my early stage designs it is about the information flow and logic, not polished looks. I want the purest form of feedback at this stage. Does the user understand the concept? Not: Does she/he likes the color set.

"Does the user get the concept?"

Wireframes Sketch Wireframes of iOS App

Larger Team - Scrum & Zeplin Introduction

By the time I had finished the wireframes we hired two further developers. This led to the introduction of a few new workflows and tools. We started using Trello and its Scrum logic to manage the process. Zeplin enabled structured communication between design and development.

Time to shine - going high fidelity

After some iterations I put all my designs in Marvel to test them with a click dummy. Also, I did extensive research on how other apps achieve certain tasks. I did not want to reinvent the wheel, but focus on the hero moments. Some painting, icon sessions and general polishing later, the app was beta ready.

Styles App Icons, Colors, Typography

The iOS App

After four months of intense work the apps hit the stores. As said, the iOS app respects the Apple Human Interface Guidelines.

Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side

The Android App

On Android we took into account Material Design Guidelines, which means more prominent colours, no tab bar, and a burger menu (burger menus weren't depreciated back then :))

Flag Apps side by side
Flag Apps side by side
Flag Apps side by side
Flag Apps side by side

Reception

Feedback during our pilot events was highly positive. People enjoyed the concept and the minimalistic design of the app.

Get the Apps: Flag Apps side by side Flag Apps side by side