Bistroo cover foto

Bistroo Redesign and Development

Vue 3
Vuex
Cypress
Figma
Development
UX Design
UI Design
A/B Testing

Opdracht omschrijving

Een rebrand vertalen in een smakelijke interface

Bistroo is constant aan het bouwen. Aan het platform, maar ook aan het merk.

Recent hebben ze een redesign achter de rug, waarin de slogan “samen eten is lekkerder eten” centraal staat. Het mag allemaal wat gekker, wat edgy-er, wat minder serieus. Aan mij de kans dit te verwerken in een nieuwe interface.

Tegelijkertijd had ik een hoop ideeën verzameld om de interface gemakkelijker te maken. Want als je honger hebt, dan wil je dat er niks tegenzit.

Bistroo rebranding visual

De homepage

Gemakkelijk je locatie invullen

Het grootste doel van deze pagina is om zo snel mogelijk de locatie van de bezoeker te bepalen.

Daarnaast is het belangrijk te laten zien dat Bistroo een platform is om eten te bestellen.

Bistroo homepageBistroo homepage

De marktplaats pagina

Zo snel mogelijk een keuze maken in een restaurant

Op de marktplaats moet de bezoeker zo snel mogelijk een keuze in restaurant maken. De locatie is in de vorige stap al ingevuld.

In het overzicht moet de gebruiker kunnen filteren en sorteren op voorkeuren. Als de gebruiker al een specifiek restaurant in het hoofd heeft, dan is er een mogelijkheid daarnaar te zoeken.

Het kan ook zo zijn dat de gebruiker al een gevuld mandje heeft bij een bepaald restaurant. In dit geval moet het altijd mogelijk zijn terug te gaan naar dat mandje. Een notificatie laat zien hoeveel items er in je mandje zitten en maakt het aantrekkelijk daarop te drukken.

Bistroo marketplace on mobileBistroo marketplace on desktop
Bistroo marketplace mobile scrolledBistroo marketplace filters modalBistroo marketplace search modal

De restaurantpagina

Snel zien of er wat bij zit voor jou

Vaak wordt er gedacht dat een bezoeker begint op de home pagina. In de praktijk is dit echter zelden zo.

De restaurant is vaak het beginpunt van de reis. Veel restaurants linken namelijk vanuit hun eigen website naar Bistroo om bestellingen te plaatsen.

Op deze pagina wil je snel zien of het restaurant open is, of het restaurant ook bezorgd en hoe de reviews zijn.

Daarna wil je door de gerechten kunnen bladeren om een beslissing te maken of het aanbod bij jou past.

Bistroo restaurant page on mobileBistroo restaurant page on desktop
Bistroo restaurant page - food modalBistroo restaurant page - restaurant info modalBistroo restaurant page - scrolled pageBistroo restaurant page - reviews modal

De afreken pagina

Wrijvingloos af kunnen rekenen

De afrekenpagina moet vooral duidelijk zijn. De bezoeker moet snel kunnen zien of de bestelling klopt. Daarna is er eigenlijk maar één belangrijke actie: de bestelling plaatsen.

Zodra deze in orde zijn, dan komen de distributie- en contactgegevens. Deze zijn in te stellen via een modal flow, waarin de gebruiker mee wordt genomen door de stappen heen. Deze flow breekt de stappen op, waardoor het overzichtelijker is en als een sneller proces aanvoelt.

Bistroo checkout mobileBistroo checkout desktop

De bedankt pagina

Op de hoogte blijven en het wachten verzachten

Als alles goed gaat, dan is dit de laatste pagina van de bezoeker. Het eten is besteld, het is zaak dat we de hongerige klant op de hoogte houden van waar het eten blijft.

Daarnaast kunnen we het wachten verzachten, door de gebruiker wat te doen te geven.

Deze pagina ga ik binnenkort designen en ontwikkelen. Hou de website van Bistroo in de gaten voor meer smakelijk nieuws 😉

DEV with Tom - KVK 83593209
Copyright 2023 - alle rechten voorbehouden