FindyourBike fase 1 - een fris nieuw design

FindyourBike is een online marktplaats waar u terecht kunt voor nieuwe en tweedehands mountainbikes, racefietsen en sportieve e-bikes. Zowel particulieren als bedrijven kunnen hier advertenties plaatsen om hun fiets(en) te verkopen.

FindyourBike is in 2014 gestart onder de naam fietsmarktplein, waarbij advertenties plaatsen voor elk type fiets nog mogelijk was. Sinds 2019 is het bedrijf zich gaan focussen op de sportieve fietsen. Hierbij biedt het uitgebreide filtermogelijkheden om zo uw droomfiets te vinden.

Het probleem

Het grootste probleem was dat de website op een mobiel noch goed leesbaar, noch fijn in gebruik was. Daarbij was het design niet meer in de laatste trends en wilde de eigenaar graag de website een frisse nieuwe look geven.

De Indeks Solution

Indeks Solutions heeft meerdere meetings gehad met FindyourBike om de lay-out en opmaak van de website te bespreken. Zo was het belangrijk te weten te komen op welke manier de elementen, die op een mobiel niet correct fungeerden, wel dienden te werken. Hierbij was resizen van bijvoorbeeld een afbeelding een grote issue die aangepakt diende te worden.
We hebben FindyourBike gevraagd welke websites zij goed vonden. Deze websites hebben we vervolgens als inspiratie gebruikt om een geheel nieuwe lay-out op te stellen voor de landingspagina (home), zoekresultatenpagina en advertentiepagina.

Opdrachtgever
FindyourBike

Locatie
Tilburg, Nederland

Webdesign Advies
Bezoek de website
FindyourBike webdesign met laatste trends

Uitwerking

Kleuren

De eigenaar van FindyourBike wilde graag nieuwe kleuren voor de website, waardoor de website minder donker zou ogen. Hierom zijn wij op zoek gegaan naar de juist combinatie van kleuren voor de website. Daarbij werd onder meer gekeken naar kleuren die directe concurrenten gebruikten en andere sportgerelateerde websites.

Het uiteindelijke kleurenpalet werd 2 kleuren blauw, oranje grijs en wit.

Webdesign trends 2019/2020 toegepast

Rondingen voor invoervelden en knoppen zijn weer in opkomst. Kijk maar eens naar de zoekbalk van Google, Bol.com, IKEA, maar ook de vormgeving van knoppen van Twitter. Deze trend komt voort uit de rondingen van moderne smartphoneschermen en het mobile-first-ontwerpen.

De ronde vormen zijn onderdeel van de organische trend in UI design, met zachte, vloeiende vormen. Bij deze trend hoort ook het verwerken van kleuren in zachte tinten die in verhouding staan tot elkaar. Ook dit is toegepast in het kleurgebruik van FindyourBike, waar iedere tint (behalve de oranje accentkleur) afgeleid is van de primaire kleur. Daardoor wordt het palet en daarmee de website, een geheel.

Responsive design

Het gezegde less is more heeft u vast al eens gehoord. Wanneer er wordt ontworpen voor een mobiele website, geldt dat nog meer. De eigenaar van FindyourBike gaf aan dat er te veel informatie werd getoond op de mobiele versie van de website. Zeker op de landingspagina was dit voor hem een doorn in het oog.
Waar voorheen 8 uitgelichte fietsen werden getoond, zijn het er nu 4. Op mobiel worden deze in een carrousel getoond die automatisch na een paar seconden de volgende fiets in de reeks toont.

Advertentiepagina fotogalerij

De advertentiepagina had een galerij met foto’s van een aangeboden fiets, die noch goed schaalde, noch duidelijk was op mobiel. Indeks Solutions heeft dit onderdeel een upgrade gegeven in CSS-code om ervoor te zorgen dat de foto’s en voorvertoningen van foto’s wel juist meeschalen. Zo wordt beter gebruik gemaakt van de beschikbare ruimte op het scherm.

Nu nog makkelijker zoeken

De zoekfilters op FindyourBike zijn afhankelijk van welke categorie u kiest. Zo hebben racefietsen andere filters dan sportieve e-bikes. Soms werden er echter filters getoond die niets deden, zoals zoekfilter 'frame' bij de categorie onderdelen of de categorie accessoires.
In het nieuwe design heeft Indeks Solutions dit probleem voor FindyourBike opgelost. Ook de volgorde van de filters is nu per categorie zoals gewenst.

En toen…

De FindyourBike website is nog steeds in ontwikkeling. Het nieuwe design en de update van een betere gebruikerservaring is slechts de eerste fase in het process. Indeks Solutions helpt en adviseert FindyourBike ook in de toekomst nog verder.

Helpt u mee de maatschappij te verbeteren?

Hoe kan ik helpen? Ja, ik doe mee!