Ga naar inhoud
Toegankelijkheid
Animatie

Royal Dirkzwager

Met ongeveer 200.000 scheepsbewegingen per jaar opereert Royal Dirkzwager in het hart van de scheepvaart. De volledig uitgeruste 24/7 maritieme controlekamer bewaakt, rapporteert en detecteert al het inkomende en uitgaande scheepsverkeer in en rond de haven, waterwegen en op zee. Door jarenlange ervaring in de maritieme wereld combineren zij maritieme data, technologie en 24/7 aanwezigheid.

  • Showcase Royal Dirkzwager
  • Expertise Strategie / design / development
  • Branche B2B
  • CMS Wordpress
afbeeldign van website onderdeel website dirkzwager, bevat header en introductietekst in het engels

De opdracht.

Aangezien wij een aantal jaren geleden succesvol de website Ship2Report ontwikkeld hebben kwam Royal Dirkzager dit keer met het verzoek om de corporate website te restylen en te voorzien van een gebruiksvriendelijk en veilig CMS, in dit geval WordPress.

Doelen.

  • Een website passend bij de nieuwe corporate identity van Royal Dirkzwager
  • Een overzichtelijke structuur van de diensten & services.
  • Een prettige, overzichtelijke en gebruiksvriendelijke bezoekerservaring creëren.
  • Bezoekers enthousiasmeren om contact op te nemen en informatie op te vragen.
afbeeldign van website onderdeel website dirkzwager, bevat formulier en introductietekst

Strategie.

Om meer inzicht te krijgen in de wensen, doelstellingen en de doelgroepen zijn we het project gestart met een strategische sessie; de Making Things Happen sessie. De inzichten uit deze strategische sessie waren vervolgens uit uitgangs- startpunt voor de ontwikkeling van de website.

User Experience design.

Toen we dit eenmaal in beeld hadden, en de gebruiker gedefinieerd en centraal stond, konden we overgaan tot de vormgeving en het interactieontwerp. Sommige projecten vragen vanwege specifieke wensen om iets meer maatwerk, daarom is er tijdens dit project voor gekozen om eerst de homepage te ontwerpen. Hierdoor konden we samen met de klant bepalen of de ingeslagen weg qua look & feel de juiste was. En of de bedachte verhaallijn en de kerndoelen tijdens de strategische sessie voldoende tot hun recht kwamen in het creative concept.

 

Aan de hand van het ontwerp van de homepage zijn vervolgens de meest belangrijke pagina templates ontworpen. Het complete ontwerp is vervolgens omgezet in een clickable wireframe en uitvoerig getest bij de klant en respondenten. Zo wisten we zeker dat het volledig ontwerp aansloot op alle vastgestelde doelen en behoeftes van doelgroepen.

afbeelding ontwerpvoorbeeld styleguide dirkzwager, bevat kleuren, teksten, groottes, patronen.
afbeelding ontwerpoverzicht website dirkzwager met homepage, diensten, contact en informatie

Technische ontwikkeling.

Nadat de designfase definitief was afgerond konden we overgaan tot de daadwerkelijke technische ontwikkeling. De vorige website bevatte zowel aan de voorkant als in het CMS een aantal problemen en kampte met een CMS wat niet meer doorontwikkeld werd. Daarom was het voor ons extra belangrijk om hier tijdens de ontwikkeling van de website rekening te houden. Zo kan men nu heel gemakkelijk en snel compleet nieuwe pagina’s aanmaken, vullen met content en wijzigen en is de WordPress installatie uitstekend beveiligd.

Optimalisatie.

Zodra de website is ontwikkeld en live staat betekend dit natuurlijk niet meteen het einde van het traject. Wij gebruiken dit moment graag als vertrekpunt van het optimaliseren van de website. Zo is de website volledig SEO-friendly ingericht, zijn er verschillende analytics tools geïntegreerd om gebruikersdata te verzamelen en waar nodig optimalisatie aanpassingen door te voeren. Daarnaast is de complete website door Bubblefish, klant en stakeholders uitvoerig getest op gebruikerservaring in alle gangbare webbrowsers.

Resultaten.

Maar wat hebben wij nu gedurende dit project specifiek gedaan voor Royal Dirkzwager?

De voordelen van bij Bubblefish werken.

Gebruikersanalyse.

Een uitvoerige analyse van de doelgroep(en) en haar pijnpunten.

Customer journey in kaart gebracht.

Waar stapt de doelgroep in en uit. Uiterst belangrijk om de website naadloos aan te sluiten op de wensen en behoeften van de websitebezoeker.

UX design.

Een compleet nieuw ontwerp, aansluitend bij de corporate identity.

Webdevelopment.

Een maatwerk WordPress website waarin de klant gemakkelijk zelf aanpassingen kan doorvoeren.

Responsive.

Een website die zich aanpast aan het scherm waarmee een bezoeker de website bekijkt. Zowel voor desktop, tablet en smartphone.

Cross browser testing.

Door te testen op diverse webbrowsers en besturing-systemen zijn we zeker van een optimale gebruikerservaring.
profielfoto werknemer, leon bouterse, Directeur en strateeg
Léon Bouterse
Directeur & Digital Strategist
010.304.50.40 info@bubblefish.agency

Nieuwsgierig wat we voor jou kunnen betekenen?

Royal Dirkzwager

  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.