Your Tech Club

UX- en UI-ontwerp voor ShoutOut VIP

Voor ShoutOut VIP herontwierpen we de UX en UI van het videoboodschappenplatform en legden we alles vast in een design system voor het interne team.

UX- en UI-ontwerp voor ShoutOut VIP

Deliverables

  • UI/UX-design
  • Design system
  • Designdocumentatie

Tech stack

  • Figma

ShoutOut VIP verbindt fans met bekende Nederlanders voor persoonlijke videoboodschappen. Het platform groeide, maar de gebruikerservaring en het merk liepen achter. Your Tech Club herontwierp de UX en UI en droeg die over aan het interne developmentteam van ShoutOut VIP.

Wat moest er beter?

ShoutOut.VIP Design - Yourtechclub

Een groeiend platform met een ervaring die niet was meegegroeid. Twee doelgroepen hebben elkaar nodig, fans en bekende Nederlanders, en ze verwachten iets anders van dezelfde omgeving. Het merk moest bovendien over de grens herkenbaar zijn.

ShoutOut.VIP Design - Yourtechclub

Ontwerpen voor een team dat zelf bouwt

ShoutOut.VIP Design - Yourtechclub

ShoutOut VIP bouwt zelf. Een ontwerp dat bij de overdracht alleen uit mooie schermen bestaat, verwatert dan onderweg: elke ontwikkelaar vult de gaten op zijn eigen manier in. Daarom was de oplevering niet alleen een set schermen, maar een ontwerp dat een intern team zonder ontwerper kan doortrekken.

ShoutOut.VIP Design - Yourtechclub

Wat hebben we gebouwd?

ShoutOut.VIP Design - Yourtechclub

Een nieuwe interface, ontwikkeld met onderzoek en iteratieve ontwerprondes, waarin de gebruikersreis van beide kanten is uitgewerkt. Daaromheen gedetailleerde documentatie en een design system met componenten, kleuren en states, en regelmatig contact met het team tijdens de bouw.

ShoutOut.VIP Design - Yourtechclub

Wat leverde het op?

ShoutOut.VIP Design - Yourtechclub

Een herlancering van het platform met een merkidentiteit die internationaal herkenbaar is. Het interne team bouwt verder op een vastgelegde set componenten, zodat nieuwe schermen binnen dezelfde ontwerptaal blijven, ook zonder ontwerper erbij.

Vragen of kennismaken

Neem direct contact met ons op. We komen zo snel mogelijk bij je terug

Joey van VlietYassine SeghrouchniHet team op kantoorJe bericht komt bij ons team in Amsterdam binnen.

We nemen zo snel mogelijk contact met je op.

Veelgestelde vragen

Wie heeft de website van ShoutOut VIP gemaakt?

Your Tech Club deed het UX- en UI-ontwerp, het design system en de designdocumentatie. De bouw is gedaan door het interne developmentteam van ShoutOut VIP, met begeleiding vanuit ons tijdens de ontwikkeling.

Wat heeft Your Tech Club voor ShoutOut VIP gebouwd?

Wij ontwierpen het platform opnieuw: de gebruikersreis voor zowel fans als bekende Nederlanders, de interface, en een design system met documentatie waarmee het interne team het kon bouwen.

Kunnen jullie alleen ontwerpen en de bouw aan ons team laten?

Ja. Bij ShoutOut VIP deden wij UX en UI en bouwde het interne team. Dat werkt als het ontwerp is vastgelegd in documentatie en een design system, zodat ontwikkelaars niet hoeven te interpreteren.

Hoe voorkom je dat een ontwerp tijdens de bouw verwatert?

Door componenten, spacing en states vast te leggen in plaats van alleen platte schermen op te leveren, en door tijdens de bouw contact te houden. Zo blijven beslissingen navolgbaar in plaats van op gevoel.

Wat is een design system precies?

Een vastgelegde set kleuren, typografie en herbruikbare componenten. Het maakt een ontwerp uitvoerbaar door een ander team en houdt het consistent als het product later uitbreidt.