Celebrating 20 Years of growing businesses worldwide · 2006–2026Our journey ›
Serving UKUSCASGAUIN
We are hiring[email protected]Chat on WhatsApp
20 Years2006–2026
Home/Our Work/Plaiout
Case study · Android app · QR reader and maps

Plaiout

Scan any QR code, find places on the map and keep a history of everything you've scanned.

Logo designUI/UX designAndroidQR and maps
9:41Plaiout: Sign up
9:41Plaiout: Home
9:41Plaiout: Sign in
6screens designed
4core features
5deliverables
Androidplatform
The brief

The challenge

Scanning a QR code usually meant a random app full of ads and no record of what you'd scanned.

Our approach

What we designed

We designed a friendly logo and a four-tile home for the QR reader, maps, history and challenges, with every scan saved and one tap to directions.

Deliverables
  • Logo
  • 6 Android screens
  • QR scanner
  • Maps and directions
  • Scan history
User journey

How someone moves through Plaiout

  1. 01HomeQR reader, maps, history and challenges in four tiles.
  2. 02Sign upAlias, email, password and language.
  3. 03Sign inSign in or create an account.
  4. 04Google MapsWalking directions to the place behind a code.
  5. 05ScanScan a QR code straight from a newspaper.
  6. 06HistoryEvery scan saved with its link and date.
360° view

Every screen, all the way round.

Drag to spin the carousel, or let it turn on its own.

9:41Plaiout: Home
9:41Plaiout: Sign up
9:41Plaiout: Sign in
9:41Plaiout: Google Maps
9:41Plaiout: Scan
9:41Plaiout: History
Key features

Designed around what users need most

019:41Plaiout: Sign up

Simple sign-up

Alias, email, password and language.

Sign up. Alias, email, password and language.

029:41Plaiout: Sign in

Four-tile home

QR reader, Google Maps, history and challenges.

Sign in. Sign in or create an account.

039:41Plaiout: Scan

Scan anything

Point the camera at a QR code in print or on screen.

Scan. Scan a QR code straight from a newspaper.

049:41Plaiout: History

Scan history

Every scanned link and message, with dates.

History. Every scan saved with its link and date.

Screen gallery

All 6 screens

Hover a screen to lift it out of the layout.

9:41Plaiout: Home
Home
9:41Plaiout: Sign up
Sign up
9:41Plaiout: Sign in
Sign in
9:41Plaiout: Google Maps
Google Maps
9:41Plaiout: Scan
Scan
9:41Plaiout: History
History
Design system

Colour palette

The main colours across the Plaiout screens, measured from the designs themselves, with how much of the interface each one covers.

  • #44B2E146% of screens
  • #167EFD27% of screens
  • #F9F6EE15% of screens
  • #0D2F488% of screens
  • #A6CAD14% of screens
Free consultation

Have an app idea like Plaiout?

Tell us what you want to build. We'll reply with a free consultation, a design approach and a clear quote.