Casestudy: Color Passport app voor Black & Blanche | Intracto

08 november 2012

Casestudy: Color Passport app voor Black & Blanche

In juni 2012 ging de iOS app ‘Color Passport’ voor het nieuwe modemerk Black & Blanche live in de Appstore. Twee maanden later werd de Android versie van de app ook losgelaten op Google Play. Na 4 maanden is het tijd om de balans op te maken. Meer dan 2800 iOS gebruikers installeerden de app op hun iPhone of iPad en zo’n 450 personen deden dat op hun Android device. Vanwaar komen die mooie cijfers?

blog-casestudy_color_passport_app_voor_black_and_blanche-image3

Wie bestelde er een concept?

Een goed idee is dikwijls alles wat je nodig hebt om succes te boeken. RA Company, het bedrijf achter Black & Blanche, had zo’n idee. Als bedrijf zijn zij exclusieve verdeler van gekende outdoor en sportieve merken voor heel wat retailers. Vanuit die achtergrond rijpte het idee om met een eigen modemerk te beginnen.

Black & Blanche vertrekt vanuit ‘kleur’ in je outfit. Voor veel mensen is kleur dragen een bron van onzekerheid en twijfel. Daarom kiezen ze voor veilige kleuren als zwart en grijs. Hoe saai! Het modebewuste merk wil daar komaf mee maken door mensen te helpen hoe ze meer kleur kunnen dragen.

In de eerste plaats met een collectie in de trendkleuren van elk modeseizoen (om te starten was er een kousen- en pantycollectie), maar ook met een interactieve versie van hun ColorPassPort. Die geeft elk seizoen de trendkleuren met de kleuren die er het best mee combineren.

Onder het motto ‘There should be an app for that!’ tikte Black & Blanche vaste webpartner Intracto op de schouder om een kleurenapp te ontwikkelen.

Van concept naar design

Het idee van de kleurenapp was al heel concreet, maar hoe dit er moest uitzien lag nog helemaal open. Maar vooraleer design aan de slag kon, werd de structuur vastgelegd in old fashioned handgetekende wireframes.

Black & Blanche vertrekt vanuit ‘kleur’ in je outfit. Voor veel mensen is kleur dragen een bron van onzekerheid en twijfel. Daarom kiezen ze voor veilige kleuren als zwart en grijs. Hoe saai! Het modebewuste merk wil daar komaf mee maken door mensen te helpen hoe ze meer kleur kunnen dragen.  In de eerste plaats met een collectie in de trendkleuren van elk modeseizoen (om te starten was er een kousen- en pantycollectie), maar ook met een interactieve versie van hun ColorPassPort. Die geeft elk seizoen de tr

Wireframes en design zijn twee fasen in de ontwikkeling die heel wat wisselwerking tussen klant en ontwikkelaar vereisen. Ook tijdens deze opdracht werd er heel wat bijgeschaafd vooraleer er een afgewerkt product van het scherm rolde. Om dat te illustreren tonen we één van de eerste designs en vergelijken we die met één van de laatste.

blog-casestudy_color_passport_app_voor_black_and_blanche-image4

Dankzij een doordachte informatie architectuur zie je dat er structureel weinig verschilt tussen beide voorbeelden. Op vlak van design zijn er echter wel heel wat aanpassingen doorgevoerd. Er werd eerst wat inspiratie geput uit de Pinterest-achtige app Snapette. Maar die werd al gauw vervangen door een strakke, contrasterende stijl die op zijn beurt werd overgenomen voor de Black & Blanche website.

De ontwikkeling van een app

Van zodra structuur en design afgeklopt waren, kon development starten met de eigenlijke ontwikkeling van de app. In de systeemanalyse werd al geopteerd voor een koppeling met de Drupal-backend van de Black & Blanche website. Deze integratie maakt het mogelijk om accounts over beide platformen te creëren en een centraal beheer van users te configureren.

Color Passport is namelijk zowel beschikbaar als app én als webapplicatie (nog in ontwikkeling). Ook het automatisch fetchen van nieuwe seizoenskleuren voor alle gebruikers gebeurt centraal vanuit Drupal.

De app zelf werd aangemaakt in Appcelerator. Een applicatie die Javascript compiled naar zowel native iOS als Android code. De eerste focus lag op de iOS app. Met het meest aantal gebruikers en het beperkt aantal schermresoluties (namelijk 2, de iPhone en iPad*) was dit een voor de hand liggende keuze. Iets later rolde de Android app van de band met wat extra code om het grotere aantal schermresoluties op te vangen.

(* Ondertussen hebben we wel de iPad Mini en de iPhone 5. Maar daar konden we 4 maanden geleden uiteraard nog geen rekening mee houden.)

 

Nog een opmerkelijk verschil tussen iOS en Android waarmee rekening moet worden gehouden, is dat de menu tabs in iOS onderaan staan en in Android bovenaan.

blog-casestudy_color_passport_app_voor_black_and_blanche-image2

Enthousiaste journalisten

Als de app het onweerstaanbaar hoofdgerecht vormt, is de PR errond het onmisbare menu. Geen kat die je eten besteld als ze niet weten dat het wordt geserveerd. Black & Blanche dook in de fashionata wereld en scoorde publicaties op de meest populaire blogs en in enkele glossy magazines. Exclusieve previews en demo’s resulteerden in een brede media coverage.

Resultaat? Welgeplaatste artikels of blogitems kunnen tot honderden downloads per dag leiden. In totaal is de iOS versie al 2806 keer gedownload. En deze trend blijft zich voorlopig voorzetten.

De Android versie lanceerde later, maar mag toch ook al op 455 downloads rekenen.

Zelf een idee voor een app?

Loop je zelf rond met een goed idee voor een mobile app? Zorg dan voor een goede partner die je idee kan omzetten in een professionele app. De appstores van Apple en Google puilen uit van amper bruikbare en gebruiksonvriendelijke apps waardoor kwaliteit steeds komt bovendrijven.

Neem contact op met Intracto en wij overlopen samen belangeloos jouw concept op vlak van haalbaarheid, kost, productietijd en meerwaarde voor jouw bedrijf of organisatie.