Doorgaan naar content

Code Rush is een terugkerende podcast over de uitdagingen van front-end design en ontwikkeling in een veranderende industrie.

Elkaar ontmoeten in de natuur

Overzicht

Features

Custom geïllustreerde interactive map, Accommodaties, Conferentiezalen, Arrangementen

Gebruikte technieken

Statamic, Peak, Tailwind CSS, AlpineJS, Mapbox, Mediumzoom
Nieuw Allardsoog, thema-afbeelding van het vlinderverblijf. Een vlinder.

Bert Zijlstra belde me naar aanleiding van mijn werk voor Omke Jan (ga daar een keer eten!), waar hij erg enthousiast over was. Samen met zijn vrouw en dochter Andele runt Bert Nieuw Allardsoog. Er was al een site, maar dat was een weefsel van drie aparte Wordpress-sites. Mijn aandacht ging dus eerst uit naar het volledig inventariseren en herstructureren van alle content, zodat het op een website kon staan. 

Nieuw Allardsoog wireframes.
De eerste wireframes voor het ontwerpproces aan.
Nieuw Allardsoog screenshot van accommodatiepagina 'De fazant'.
Het ontwerp van een accomodatiepagina.

De focus lag in het design vooral op organische vormen en de natuur. Welkom, warm en natuurlijk. Meinte Strikwerda heeft de illustraties van de kaart verzorgd. Deze kaart is opgebouwd uit tiles voor verschillende zoomniveaus. Hierdoor blijft de performance goed en worden enkel graphics gedownload die op dat moment bekeken worden. De kaart draait op de software van Mapbox en in Statamic kunnen op basis van coördinaten items/dots/markers aan de kaart worden toegevoegd. In de toekomst staan er nog meer illustraties gepland.

Andele Zijlstra Ondernemer - Nieuw Allardsoog
Foto van Andele Zijlstra.

We zijn erg blij met onze nieuwe website en de keuze voor Studio1902. Wat voorheen lastig bleek voor onze site is nu goed gelukt, namelijk om ons aanbod voor twee verschillende doelgroepen in harmonie op één overzichtelijke site te krijgen. We hebben de samenwerking als heel open en toegankelijk ervaren.

Health care for all people in Myanmar

  • Statamic
  • Peak
  • Tailwind CSS
  • AlpineJS
  • Stripe
  • Plyr