My-Scan

< Terug naar overzicht

Met meer dan 10 jaar ervaring is Re-Vision een toonaangevende wereldwijde leverancier van mobiele zelfscan-oplossingen. Voor hun klanten hebben ze meer dan 120.000 self-scanning terminals actief in verschillende retail-omgevingen over de hele wereld. Goed voor een totaal marktaandeel van bijna 50%. Re-Vision heeft een bewezen track record in het leveren van extra business value voor de grootste retail-organisaties, zoals Carrefour, Tesco en Coop.

Om potentiële klanten bekend te maken met de oplossingen werkt Re-Vision met een demo applicatie, ontwikkeld voor speciale retail terminals zoals de MC18. Maar de app wordt ook gepresenteerd op iOS en Android apparaten.

Newstaed kreeg de opdracht om device onafhankelijk een nieuwe beeldtaal te ontwerpen voor deze demo app. In samenwerking met Monk Design hebben we Re-Vision meegenomen door alle fases voor het maken van een nieuwe user interface:

  • Concepting & strategie
  • Uittekenen wireframes
  • Opstellen flowchart
  • Samenstellen assets library
  • Ontwerpen templates
  • Opleveren development ready bestanden

App design iOS iPhone

My-Scan

Concepting & wireframes

De MyScan applicatie wordt voornamelijk ontwikkeld voor de MC18. Dit is een handscan terminal die je in veel supermarkten vindt bij de entree. Klanten met een customer card kunnen een unieke barcode scannen om vervolgens direct toegang te hebben tot hun online boodschappenlijsten. Dit kan ook met je eigen iOS of Android apparaat. Uiteraard moet je dan wel de app van de supermarkt in kwestie op je telefoon hebben staan.

Veel klanten maken gebruik van de MC18 met een beeldschermresolutie van 480 x 800 pixels. Dus daar zijn we in de basis van het ontwerp vanuit gegaan. Maar omdat er ook retailers zijn die iOS en Android apps aanbieden aan hun klanten dient het ontwerp responsive te zijn. Er zijn zoveel beeldschermresoluties mogelijk dat we goed kunnen spreken van een ‘vloeibare’ opzet.

Voor de meest prominente schermen zijn wireframes uitgetekend. Dit om het development team van Re-Vision in de goede richting te duwen.

myscan-wireframes

User interface

Nadat de wireframes zijn goedgekeurd door Re-Vision hebben we een assets library samengesteld. Hierin zijn o.a. de volgende onderdelen in benoemd:

  • Kleurgebruik
  • Typografie
  • Navigatie elementen
  • Icoontjes
  • Input velden
  • Tabel elementen
  • Pop-up elementen
  • Badges en labels
  • Menubalken

Doordat deze onderdelen los zijn uitgewerkt zijn ze vrij inzetbaar op diverse templates en dus prima te verwerken binnen een responsive opzet.

Android app design

 

myiscan-design-overview

Jarenlang deden we het ontwerp van onze apps zelf, dus het was de vraag of Newstaed ons echt verder kon helpen. Tijdens het proces werd duidelijk dat we voor de juiste partij hebben gekozen. Middels een gedegen plan van aanpak zijn wij als klant meegenomen door alle fases die nodig zijn om een nieuwe uitstraling voor onze app te ontwikkelen. Conceptmatig meedenken, uittekenen van wireframes, opstellen van een assets library tot het ontwerpen van alle templates. Alle bestanden werden hapklaar aangeleverd zodat onze developers er meteen mee aan de slag konden. Prima samenwerking, een aanrader!

Start vandaag jouw webproject!

Neem contact op