Deze post is gearchiveerd.
13 augustus 2014 - Story
De komende dagen wijden we telkens één blogpost aan een project van de afgelopen hackathon. Derde project aan de beurt: Fret.
De uitdaging: De huidige interne Wijs app om op Vettige Vrijdag frietjes te bestellen uitbreiden met meer lunchmogelijkheden en extra features.
Het resultaat: Veel meer dan de uitdaging. Een heuse webshop, inclusief branding, met verschillende lunchmogelijkheden. Tegelijk een efficiënte back-end zodat office manager Liesbeth dagelijks een pak minder tijd moet investeren in het verzekeren van onze dagelijkse voedselinname.
We werkten met verschillende profielen aan dit project: designers, developers, een informatiearchitect en online marketeers. Om iedereen op dezelfde lijn te krijgen zijn we gestart met een brand persona: Fret. Het idee van een brand persona is om je merk voor te stellen als een persoon, een “levend figuur”.
Je geeft die figuur een karakter, een taalgebruik, enfin, een hele persoonlijkheid. Op die manier weet iedereen perfect waarom we iets op een bepaalde manier aanpakken en wat het achterliggende idee van het hele project is. Zo kon iedereen snel aan de slag met copy, het logo, illustraties en design zonder dat hierover nog discussie ontstond.
Oorspronkelijk was het de bedoeling om een eenvoudige uitbreiding te bouwen op de bestaande Friet app die we nu al gebruikten om hier intern bij Wijs op Vettige Vrijdag frietjes te laten leveren. We gingen Sylius gebruiken. Sylius is een framework, gebaseerd op Symfony en specifiek bedoeld voor e-commerce.
De eerste avond, rond middernacht, merkten we dat het met Sylius veel te traag ging om binnen de 48 uur iets degelijk te bouwen. We beslisten unaniem om het framework buiten te gooien en van nul iets op te bouwen. Enkele uren later hadden we al een werkend inlogsysteem met userbeheer. De sfeer zat er weer helemaal in!
Fret kwam er niet zomaar, daar is over nagedacht!
1. De eerste stap was het opstellen van must-haves en nice-to-haves. Daarna werkten we het concept verder uit om uiteindelijk tot de opstart over te gaan. We benaderden het project vanuit vier richtingen om snel vooruit te gaan:
2. Iets voor middernacht was er de fameuze crisis-meeting waarbij we beslisten om Sylius opzij te schuiven. Een uurtje later gingen we van start met Symfony2. We voegden data fixtures toe zoals producten, categorieën en leveranciers. Ook het userbeheer en de login met online portefeuille kregen hun plaats en het volledige boekingsproces om bestellingen toe te voegen, werd uitgewerkt.
3. Wij kunnen Fret wel een identiteit geven, maar dat betekent niet dat de mensen intern bij Wijs zomaar op hem beroep zullen doen om hun lunch te bestellen. Dus we werkten een intern marketingplan uit. Daarbij horen doelstellingen, doelgroepen en een concrete uitwerking.
4. Nu de basis goed zat, werd het tijd voor een prototype van de front-end. Daarbij was een bespreking nodig tussen de informatiearchitect en de developers.
5. Fret is een slimme kerel, dus we moesten sterke copy gebruiken om zijn identiteit te installeren.
6. Zorgen dat de medewerkers van Wijs niet naast Fret kunnen kijken doe je onder andere door het bedrijf vol te hangen met posters!
Ken je Liesbeth? Zij is de fantastische office manager bij Wijs. Naast haar bergen werk zorgt ze er dagelijks voor dat onze lunch op tijd besteld en geleverd wordt. Dit is momenteel een omslachtige taak voor haar. Fret to the rescue!
Fret is gebouwd op het framework Symfony2, waarbij Twig het heel gemakkelijk maakt voor een front-ender. Voor de stijl van de front-end hebben we Chopstick gebruikt, wat een framework is dat door Wijs zelf werd ontwikkeld. Tenslotte hebben we voor de back-end stijl voor Bootstrap gekozen.
Het is wel degelijk de bedoeling om Fret vanaf september zijn ding te laten doen intern. Daarna willen we de app verder uitbreiden, iets waar vrijwel het hele kantoor enthousiast over is. Enkele zaken die nog aan bod kunnen komen:
De identiteit van Fret
Liever zonder Sylius
De geboorte van Fret
Brand persona: Fret!
Communicatie strategie
Logo
Mascotte
Design van de site
Het leven van Liesbeth makkelijker maken
Een technisch woordje
Waar gaat Fret naartoe?