Yacht

New Brand Identity

Om aan de professionals duidelijker te maken waar Yacht voor staat, heb ik in samenwerking met de afdeling marketing en Think Yellow en Roorda aan een nieuwe Brand Identity gewerkt. Mijn rol was om de toepasbaarheid van deze nieuwe identiteit op onze digitale kanalen te waarborgen. Ik dacht mee vanuit mijn kennis van techniek, UX en branding.

voorbeelden van mobile designs in de nieuwe brand identity van Yacht

De scope

Timeline

  • Soft launch met minimale aanpassing Yacht.nl binnen 3 maanden
  • Daarna geleidelijk de hele website rebranden evenals de andere kanalen

Technisch

  • Weinig development capaciteit beschikbaar
  • Alleen minimale front-end aanpassing
  • Nieuwe huisstijl aanpassingen gaan mee in de tweewekelijkse sprints

Kanalen

  • Websites
  • App
  • E-mails

De uitdaging

Alsof je je huis renoveert terwijl je er in woont

De combinatie van weinig bouwcapaciteit en de tweewekelijkse development sprints, betekent dat de brand identity heel geleidelijk verandert. Alsof je je huis renoveert terwijl je er in woont. Er gaat een moment komen dat het er wat rommelig uitziet.

Mijn aanpak

Nadat de grote bouwblokken (kleur, typografie, vorm, fotografie en tone of voice) waren uitgekristaliseerd zijn we deze in Figma gaan toepassen op de website designs. De aanpak was als volgt:

Fase 1 - Design

  1. Level of branding bepalen per type pagina
  2. Designen van max-branded en min-branded pagina
  3. Componenten designen
  4. Elementen en tokens vastleggen (denk aan kleuren, typografie en formfields)
  5. Mappen van de bestaande typografie en kleuren op de nieuwe

Het doorlopen van de bovenstaande stappen 2,3 en 4 was een kwestie van heen en weer gaan totdat alles consistent was.

Fase 2 - Develop

  1. Typografie updaten
  2. Opruimen van oude brand elementen
  3. Component per component rebranden obv prioriteit
Schema met overzicht van pagina's met maximale, hoge, lage of minimale merkbelevening
Schema met overzicht van pagina's met maximale, hoge, lage of minimale merkbelevening.
Schematisch overzicht van de way of work tijdens de design fase en development fase.
Schematisch overzicht van de way of work tijdens de design fase en development fase.

Mijn rol

Mijn rol tijdens de ontwikkeling van de nieuwe Brand Identity was om de toepasbaarheid hiervan op onze digitale kanalen te waarborgen.

Tijdens de implementatie fase was ik als projectleider verantwoordelijk voor het opleveren van designs en de digital styleguide voor de verschillende digitale kanalen: web, app en e-mail.

Activiteiten

  • Prognoses maken
  • Planning
  • Stakeholdermanagement
  • UX/UI design
  • Design handoff en Q&A test
Schermafbeelding van desktop versie landingspagina
Schermafbeelding van desktop versie landingspagina.