Case

Inner Stance

  • Klant Inner Stance B.V.
  • Opgeleverd

Inner Stance traint ondernemers en leidinggevenden om wat ze al weten ook daadwerkelijk toe te passen. De aanpak is gebaseerd op de Straight-Line-methodiek en richt zich op eigenaarschap, discipline en persoonlijke effectiviteit.

Binnen drie weken gebouwd en opgeleverd

Het interactieve ontwerp voor de nieuwe website werd gemaakt door The Brand Men. Op basis daarvan ontwikkelden we een complete maatwerk WordPress-website.

Binnen drie weken bouwden we het thema, werkten we alle paginaonderdelen uit en implementeerden we de formulieren, animaties en interactieve functies voor mobiel, tablet en desktop.

Bij zo’n korte planning moeten keuzes snel worden gemaakt. We hielden daarom nauw contact met het Inner Stance-team en verwerkten feedback direct tijdens de ontwikkeling. Zo konden we ieder onderdeel binnen dezelfde planning bouwen, testen en afronden.

  • Een witte laptop waarop een motiverende quote over ‘Inner Stance’ op het scherm te zien is, gefotografeerd vanuit een schuine hoek.
    Lege afbeelding
  • Een laptopscherm waarop de startpagina van Inner Stance te zien is, een website over mindfulness en zelfreflectie.
    Lege afbeelding
  • Op een laptop is een website te zien met een donker thema, abstracte kunst en een pop-up over opbouwende kritiek, waarin het belang wordt benadrukt van het ontwikkelen van een innerlijke houding die openstaat voor groei en feedback.
    Lege afbeelding
Een witte laptop waarop een motiverende quote over ‘Inner Stance’ op het scherm te zien is, gefotografeerd vanuit een schuine hoek.
Lege afbeelding

Interactie technisch uitgewerkt

Beweging is een vast onderdeel van het ontwerp. Op verschillende plekken verschijnen teksten tijdens het scrollen, bewegen portretten rond cijfers en lopen afbeeldingen door het scherm. Ook de overgangen tussen lichte en donkere secties bewegen mee.

Voor ieder onderdeel ontwikkelden we aparte logica. De animaties passen zich aan het schermformaat aan en houden rekening met bezoekers die minder beweging op hun apparaat hebben ingesteld. Daardoor blijven alle onderdelen ook zonder animatie goed leesbaar en te bedienen.

Een laptopscherm waarop de startpagina van Inner Stance te zien is, een website over mindfulness en zelfreflectie.
Lege afbeelding

Eén designsysteem voor alle pagina’s

Een website met veel verschillende onderdelen wordt snel rommelig wanneer iedere pagina afzonderlijk wordt opgebouwd. Daarom vertaalden we het ontwerp naar één technisch designsysteem.

Typografie, kleuren, tussenruimtes, knoppen, formulieren, cards en lichte en donkere thema’s gebruiken dezelfde vaste regels. Een aanpassing aan de basis wordt daardoor direct op alle relevante onderdelen doorgevoerd. Pagina’s kunnen inhoudelijk verschillen, terwijl de vormgeving overal herkenbaar blijft.

Op een laptop is een website te zien met een donker thema, abstracte kunst en een pop-up over opbouwende kritiek, waarin het belang wordt benadrukt van het ontwikkelen van een innerlijke houding die openstaat voor groei en feedback.
Lege afbeelding

Eén plek voor artikelen, tools en masterclasses

Naast de reguliere pagina’s ontwikkelden we aparte structuren voor artikelen, tools en masterclasses. Deze publicaties komen samen in één resource-overzicht. Bezoekers kunnen het aanbod filteren op type en nieuwe items worden automatisch geladen tijdens het scrollen.

Ieder type publicatie heeft eigen invoervelden en een vaste paginaopbouw. De redactie vult de inhoud en WordPress plaatst deze automatisch in de juiste vorm. Zo kan Inner Stance het aanbod verder uitbreiden zonder iedere publicatie als een losse maatwerkpagina te bouwen.

Andere cases