Rebrand: FreshCotton

Sinds maandag is ie dan online, de nieuwe FreshCotton-site. Big deal? Jazeker, want Freshcotton is een van de weinige (online) shops in Nederland die een groot aanbod heeft en een sterke identiteit. Voor de friste shirts moet je al jaren bij FC zijn. Daarom zat iedereen die ook maar een beetje om toffe shirts geeft, afgelopen weekend met samengeknepen billen achter zijn computer. Frescotton was vermist! Maar maandag waren ze dus terug, met een heuse nieuwe website.

En dat is waar deze rebrand over gaat. We hebben de site grondig gefileerd, met Freshcotton gemaild en nog meer geklikt en getest. Hieronder ga ik in op de eerste indruk, het bestelproces, de vormgeving, de interactie, oude en nieuwe features, missers en winners.

Je kiest niet zomaar voor zoiets ingrijpends als een geheel nieuwe layout, zeker niet als je inmiddels na een jaar of 6 een aardige naam (en dus herkenbaarheid) hebt opgebouwd. “We zijn begonnen met 10 bezoekers per dag en misschien zo een 30 bestellingen in de maand. Op die zelfde site hebben we 8 jaar lang steeds verder en verder ontwikkeld. en als je dus gaat van 10 bezoekers per dag, naar 10.000. Dan moet je op gegeven moment toch eraan geloven dat je de technische infrastructuur opnieuw moet inrichten. Het was dan ook veelal een technische oorzaak waarom we naar een geheel nieuwe site moesten, waarbij we ook wel vormgevers/design technisch ook wel het idee hadden dat we aan ‘verfrissing’ toe waren.” aldus John Goedschalk, oprichter van Freshcotton.

_{De nieuwe homepage van Freshcotton}

Eerste indruk
Het eerste dat opvalt, is het kleurenpalet. Knalde de oude FC uit je browser als een kauwgomballen automaat, de nieuwe is niets van dat. Zwart domineert en de kleur komt van de productfoto’s. “Aangezien we steeds meer en meer tijd en zorg besteden aan fotografie en styling van de modellen zijn we op zoek gegaan naar een stramien waarin het vooral om die dingen gaat. Vandaar het frame in eenvoudig zwart/wit en grijs tinten zodat de productfotografie sterk afsteekt.” Het was voor mij in ieder geval wel even schrikken. Want als ik aan FC denk, denk ik aan fonky kleur. Deze nieuwe site is nogal een ommezwaai.

“De oude site was eigenlijk ook alleen ingericht voor het verkopen van t-shirts. Met deze nieuwe site willen we meer beleving creëren. Eigenlijk alsof je door een tof fashion magazine bladert en die producten ook eenvoudig kunt aanschaffen. Dit proberen we via een uitgebreidere homepage en een heel actieve blog.”

Als je binnenkomt is het eerste dat opvalt, de grote geanimeerde ‘banner’, eromheen wordt de aandacht ook getrokken door alle foto’s. Ook is er nog plaats voor highlights als de nieuw Ontour en Clae collecties. Een plus is zeker dat je direct aan de slag kunt met het filteren van het grote aanbod.

Helaas is de eerste indruk ook een hele onrustige. Er is veel te zien en aan te klikken. Alles staat dicht op elkaar en dat maakt het overzicht er niet beter op. Verder oogt het als een slordig geheel, iets wat met meer witruimte en het gebruiken van een grid zeker zal helpen. Het gevoel van onrust komt ook door het gebrek aan consistentie. Zo lijken de knoppen in het filter niet even groot, worden er veel verschillende korpsgroottes en gewichten gebruikt, dat door het ontbreken van een consistent grid alleen maar meer opvalt.

_Threadless

Vergelijk het bijvoorbeeld eens met de uitstekende site van Threadless alle items krijgen lekker de ruimte, en de drie grote knoppen bovenaan de pagina laten je direct het aanbod verkennen. Ook hetoog voor detail en de afwerking valt op. Vergrotingen van een foto vallen netjes in het grid en de icons zijn allemala in dezelfde stijl. Een van mijn favoriete features (zeker tijdens de grote sale) is de Stockchart waarmee je gemakkelijk de beschikbaarheid van de shirts in jouw maat kunt checken. Want niets is zo irritant om er pas achter te komen dat jouw maat op is, als je het product al hebt aangeklikt.

_{Het filter met de icons}

Browsen
Zodra je een product aan klikt, lijk je in een andere website te belanden, de witte achtergrond wordt ingeruild voor een zwarte, het grid verandert en er verschijnen nieuwe producten. De icons zijn slordig, zo klopt doe hoek van het vergrootglas niet met de rest, zijn de pijltjes allemaal net weer even anders uitgelijnd en is de algehele look en feel van de iconen niet consistent. Zo hebben de pijlen in het filter een ‘bevel’, terwijl de rest van de iconen plat zijn. Ook is het icoon voor een productcategory (een mapje a la Windows verkenner) niet een icoon dat je zou verwachten bij een T-shirt.

_{De productpagina}

Vreemd is dat de ‘call for action’, namelijk het kopen van een T-shirt, redelijk onduidelijk gaat. De gebruiker moet bijna zoeken naar de Bestel-knop. Terwijl het juist zaak is een duidelijke, opvallende knop te hebben aangezien je juist wil dat mensen iets bij je kopen.

Bestellen
Het bestel proces is eenvoudig en het is goed om te zien dat een sterkste features van de oude site behouden is. Je kunt namelijk nog steeds bestellen zonder je te registreren. Registreren is vaak alleen zinvol als je van plan bent vaker iets te kopen, zodat je niet iedere keer opnieuw je gegevens hoeft in te vullen. Als je dat niet van plan bent, behoud je zo de ‘flow’ (hierover later meer) waarin je als gebruiker zit tijdens het bestellen.

_{My Freshcotton}

My Freshcotton
Een sterke feature is de mogelijk om een profiel aan te maken, waarin je je favoriete merken kunt opslaan, kunt sparen voor 10,- korting, je maten kunt opslaan en je orders kunt bekijken. Het opslaan van je favoriete merken is zeker een uitkomst, gezien de brede selectie merken en de dikke sale die regelmatig terugkeert.

“We hebben veelal gewerkt aan het mogelijk maken voor mensen om een veel persoonlijkere ervaring te krijgen, dit heben we gedaan door middel van het mogelijk maken om je eigen shop in te richten, met toevoeging van favoriete producten en merken. Het invoeren van je afmetingen, zodat we op basis hiervan aanbevelingen kunnen doen per product. We hebben de aanbevelingen die de site doet ook een stuk verder uitgewerkt aan de hand van maatcompatibiliteit, je favorieten etc.” Het kiezen van je favoriete maat is zeker handig, alleen is het erg vreemd dat je deze in CM moet aangeven, in plaats van dat het systeem je de keuze biedt uit S, M, L of XL. Nu moet ik mezelf eerst gaan opmeten om gebruik te kunnen maken van deze feature.

Als je nog geen profiel hebt voor My Freshcotton, krijg je een simpel registratie-scherm voor je. De velden zijn wel wat krap en het formulier staat helemaal links uitgelijnd, waardoor 66% van het scherm niet gebruikt wordt. En die kan nou juist gebruikt worden om het formulier wat meer ademruimte te geven. Wat wel erg fijn is, is dat je niet hoeft te kloten met activatiemails, je wordt direct ingelogd. Geen gezoek in je ‘Ongewenste reclame’ dus!

_{De klantenservice}

Klantenservice
Nog een punt dat uit de oude site is mee genomen, is de uitstekende klantenservice. Via een korte wizard wordt je door het proces geleid dat je helpt met je probleem. Als je er niet uit komt, staat de klantenservice je ook telefonisch of per mail te woord.

Flow

The psychologist Mihaly Csikszentmihalyi (1990) has described focused attention as “psychic energy”. Like energy in the traditional sense, no work can be done without it, and through work that energy is consumed. Most of us have experienced a mental/emotional state where all of our attention (or energy) is totally focused on an activity. Csikszentmihalyi (1990) named this state “flow,” based on how participants in his studies described the experience.

In this state of consciousness, people often experience intense concentration and feelings of enjoyment, coupled with peak performance. Hours pass by in what seems like minutes. We tend to enter these states in environments with few interruptions, where our attention becomes focused by a challenge that we’re confident we can handle with our existing skills. Feedback is instantaneous, so we can always judge how close we are to accomplishing our task and reaching our goal. The importance of the task influences our level of motivation and perceptions of how difficult the task will be.

_{Bron: Boxes and Arrows}

Het belangrijkste bij iedere website, applicatie, misschien zelfs wel bij ieder gebruiksvoorwerp, is het begrip Flow. Bij een site als Freshcotton moet je in een vloeiende, prettige ervaring het hele proces kunnen doorlopen. Van het bekijken, vergelijken en kiezen van een product tot het (eventueel) registreren en betalen van het product.

_Solebox

Een website met een goede flow is die van bijvoorbeeld sneakershop Solebox. Hoewel ik ook bij Solebox een aantal dingen graag anders zou zien, verloopt het navigeren uiterst soepel en vind je gemakkelijk je weg door het grote aanbod producten.

Maar ook bij FC zit het qua flow best goed. Je kunt nu eindelijk meerdere T-shirts tegelijk in nieuwe tabs openen, producten zijn gemakkelijk toe te voegen aan je ‘wishlist’, je hoeft niet terug naar de overzichtspagina om het volgende of vorige product te bekijken en je krijgt ook een lijstje suggesties. Ook een pluspunt is dat er vrijwel niet gescrolld hoeft te worden, alle relevante content past goed op je scherm en alle producten worden met Ajax opgehaald, dus je hoeft niet iedere keer heel de pagina opnieuw te laden.

De flow wordt echter verstoord doordat Firefox continu zeurt of je je wachtwoord wil opslaan als je niet bent ingelogd. Een kinderziekte lijkt me, maar wel een hele hinderlijke. Maar natuurlijk kan de flow nog verbeterd worden. Bijvoorbeeld door de interface helderder te maken. Een beter en duidelijker onderscheid in de knoppen als Bestel, My Freshcotton, All Products etc. zorgt er voor dat je als gebruiker sneller weet waar je op moet klikken. Hetzelfde geldt voor de iconen, een mapje in de breadcrumb is verwarrend.

Conclusie
Het is goed om te zien dat men niet bang is het bekende overboord te gooien, en durft te breken met een vertrouwd iets. Zo’n beslissing brengt echter ook de nodige risico’s met zich mee. De mogelijkheid om meerdere shirts tegelijk te openen, de grotere, betere productfoto’s en de My Freshcotton (voor de terugkerende bezoekers) zijn zeker een verrijking. Daar tegenover staat dat de site erg slordig is afgewerkt, spelfoutjes, inconsistentie en een ‘krap’ design maken het soms lastig om je weg te vinden binnen de website.

Er zitten zeker nog wat kinderziektes in de shop (no worries, dat weten ze zelf ook), en ik raad FC ook aan om nog even heel kritisch naar alles te kijken. Maar neem eerst even een weekje rust, want het is een hele bevalling geweest! Ondanks bovengenoemde, blijft FC nog steeds een van de vetste shops van Nederland, want uiteindelijk is het aanbod dat telt.