Filantropie & media

Nalaten met Impact: Een lees­omgeving voor een magazine dat ook op papier bestaat

Nalaten met Impact is een onafhankelijk magazine over nalaten, schenken en filantropie. Het verschijnt twee keer per jaar en wordt verspreid via notariskantoren, executeurs en erfrechtadvocaten. Het blad heeft op papier al een eigen gezicht; de site moest dat voortzetten, niet iets nieuws beginnen.

Wij ontwierpen en bouwden de website: de plek waar de verhalen uit het blad online verder gaan en waar nieuwe lezers het magazine vinden. Eén typografisch systeem voor vier soorten pagina's, een publicatieoverzicht met beeld en datum per verhaal, een pagina met goede doelen die op categorie te filteren is, en een leeservaring die ook op de telefoon in etappes prettig blijft.

De homepage van nalatenmetimpact.nl: kop "Het magazine dat nalaten betekenis geeft" met een foto van twee vrouwen
De homepage van nalatenmetimpact.nl op een telefoon
Klant
Nalaten met Impact
Type
Website · Filantropie & media
Werkzaamheden
Redactioneel ontwerp, Leesomgeving, Contentstructuur

Projectcontext

Rust vragen en toch nieuwsgierig maken

Nalaten raakt aan afscheid, familie en geld. Een site die daar schreeuwerig over doet, verliest de lezer meteen. Maar een site die te ingetogen is, wordt niet gelezen. De lezers zijn mensen die zich oriënteren op schenken en nalaten, en de professionals die het blad doorgeven.

Het magazine had op papier al een eigen gezicht: een schreefletter, veel wit, rustige fotografie. De site moest daar herkenbaar op aansluiten, lange verhalen prettig leesbaar maken en publicaties, goede doelen en edities naar elkaar laten verwijzen zonder dat de lezer hoeft te zoeken.

We kozen voor een crèmekleurig vlak met donkergroen als enige accent, een schreefletter voor de koppen en een schreefloze voor de tekst, en genummerde secties die elke pagina hetzelfde ritme geven.

Publicaties op nalatenmetimpact.nl: "Verhalen uit het magazine", 12 publicaties, nieuwste eerst

Onze toelichting

Een site die de rust van het blad bewaart: typografie en witruimte die lange verhalen leesbaar maken, en genummerde secties die elke pagina hetzelfde ritme geven.

Ontwerp en uitwerking

Eén typografisch systeem, vier soorten pagina's

De homepage opent met de kop "Het magazine dat nalaten betekenis geeft" naast een korte introductie en twee knoppen: het magazine ontdekken of de verhalen lezen. Daaronder een grote foto en de uitgelichte verhalen als een rij met beeld, titel en introductie, elk onder een genummerde sectiekop.

Een schreefletter voor de koppen, een schreefloze voor de lopende tekst, en een crèmekleurig vlak met donkergroen als enige accent. Of het nu een overzicht is of een verhaal: elke pagina heeft hetzelfde ritme, met een kruimelpad en genummerde secties die lange pagina's navigeerbaar houden zonder zijbalk.

  • De homepage van nalatenmetimpact.nl: kop "Het magazine dat nalaten betekenis geeft" met een foto van twee vrouwen HomepageDe opening van de site op desktop
  • De magazinepagina van nalatenmetimpact.nl: "Verhalen over nalaten en impact", met een introductie en genummerde secties Het magazineWat het blad is en hoe het wordt verspreid
  • Goede doelen op nalatenmetimpact.nl: filters per categorie met aantallen en logo’s van organisaties Goede doelenFilterbaar op categorie, met achter elke filter het aantal
  • Over ons op nalatenmetimpact.nl: "Het verhaal achter Nalaten met Impact" naast een foto van een lezende man Over onsHet verhaal achter het magazine
  • De homepage van nalatenmetimpact.nl op een telefoon Op mobielDezelfde site op een telefoon

Belangrijkste keuzes

Belangrijkste keuzes

  1. Herkenbaar voor wie het blad al kent

    Typografie, kleur en ritme zijn ontleend aan het gedrukte magazine. Een schreefletter voor de koppen, een schreefloze voor de lopende tekst, een crèmekleurig vlak met donkergroen als enige accent. Genummerde secties geven elke pagina hetzelfde ritme, of het nu een overzicht is of een verhaal. Zo voelt de site als een voortzetting van het blad, niet als een nieuw merk.

  2. De verhalen in één overzicht

    Elk verhaal krijgt eigen beeld, datum en introductie. Boven het raster staat hoeveel publicaties er zijn en hoe ze gesorteerd staan, zodat de lezer weet waar hij begint. De magazinepagina legt uit wat het blad is, welke thema's terugkeren en hoe het wordt verspreid, en verwijst naar de laatste editie.

  3. Kiezen zonder te hoeven zoeken

    De pagina met goede doelen is te filteren op categorie, met achter elke filter het aantal organisaties. Zo is in één oogopslag te zien waar iets te kiezen valt. Op mobiel staan die filters als losse knoppen onder elkaar, groot genoeg om met de duim te bedienen. Langere teksten worden vaak op de telefoon gelezen, in etappes; leesbaarheid was daarom het uitgangspunt op elk scherm.

Structuur en inhoud

Publicaties, goede doelen en het magazine verwijzen naar elkaar

De navigatie bestaat uit home, publicaties, goede doelen, het magazine, over ons en contact, op desktop en in het mobiele menu met dezelfde nummering. Publicaties, goede doelen en edities verwijzen naar elkaar, zodat een lezer van een verhaal bij het goede doel uitkomt en andersom.

Kruimelpaden, een skip-link naar de inhoud en een mobiel menu dat met de duim te bedienen is horen bij de oplevering, net als updates, back-ups en technische zorg na de livegang.

Verhalen die inspireren: drie artikelen uit het magazine

Wat je terugvindt op de site

  • Publicatieoverzicht met beeld, datum en introductie per verhaal
  • Verhaalpagina's met een rustige leesopmaak
  • Goede doelen, filterbaar op categorie met aantallen
  • Magazinepagina met de laatste editie
  • Over-ons- en contactpagina
  • Kruimelpaden en genummerde secties
  • Skip-link en mobiel menu voor de duim

Wat we hebben opgeleverd

Wat we hebben opgeleverd

  • Redactio­neel ontwerp

    Typografie, kleur en ritme voor een rustige leesomgeving, herkenbaar vanuit het blad.

  • Content­structuur

    Publicaties, goede doelen en magazine-edities die naar elkaar verwijzen.

  • Filters

    Goede doelen filterbaar op categorie, ook op mobiel met de duim te bedienen.

  • Toegankelijkheid

    Kruimelpaden, een skip-link naar de inhoud en een mobiel menu dat goed te bedienen is.

  • Leesbaarheid overal

    Van telefoon tot desktop dezelfde leesomgeving, ook voor lange teksten in etappes.

  • Na livegang

    Updates, back-ups en technische zorg na de livegang.

Ook een website laten maken?

Klaar voor een professionele website voor jouw bedrijf?

Vertel wat je wilt bereiken. We denken vrijblijvend mee over structuur en ontwerp.