Case · Eco Age
Een internationaal sustainability-platform opnieuw ontworpen voor content, impact en groei.
Eco Age bevindt zich op het snijvlak van fashion, sustainability, communicatie en media.
De organisatie combineert strategische communicatie met een internationaal editorial platform waarop verhalen, inzichten, ontwikkelingen en innovaties rondom de toekomst van fashion en beauty samenkomen.
Voor Yousource lag de uitdaging daarom verder dan alleen het bouwen van een nieuwe website.
We hebben de website volledig opnieuw ontworpen en vervolgens gebouwd in WordPress met Elementor en Crocoblock.
Het doel was om een digitaal platform te creëren dat de premium en inhoudelijke uitstraling van Eco Age ondersteunt, grote hoeveelheden content logisch organiseert en tegelijkertijd praktisch beheersbaar blijft voor het eigen team.
- Redesign
- UX/UI
- WordPress
- Elementor
- Crocoblock
- Editorial Platform
- Responsive Development
02 — De organisatie
Waar fashion, sustainability, communicatie en cultuur samenkomen.
Eco Age opereert binnen de internationale fashion- en beautywereld en combineert communicatie, storytelling en sustainability-expertise.
De website heeft daardoor meerdere functies.
Het is de digitale presentatie van Eco Age als consultancyorganisatie.
Maar tegelijkertijd is het een platform voor verhalen, inzichten, cases en ontwikkelingen binnen de industrie.
Die combinatie maakt de digitale ervaring bijzonder.
De website moet niet alleen vertellen wie Eco Age is.
Hij moet ook laten zien waar de organisatie over nadenkt, wat zij maakt en welke positie zij binnen de industrie inneemt.
03 — De uitdaging
Een merk met veel verhalen vraagt om meer dan een mooie homepage.
Eco Age heeft geen eenvoudige corporate website.
De omgeving moet verschillende functies tegelijkertijd ondersteunen.
Enerzijds presenteert Eco Age zichzelf als communications consultancy voor fashion- en beautymerken.
Anderzijds functioneert de website als een uitgebreid contentplatform met features, insights, case studies en thought leadership rondom fashion, sustainability en impact.
Daarnaast moeten bezoekers snel kunnen ontdekken:
- wie Eco Age is;
- welke expertise het bedrijf heeft;
- welke services worden aangeboden;
- welke cases relevant zijn;
- welke actuele verhalen en inzichten zijn gepubliceerd;
- en hoe zij contact kunnen opnemen.
Hoe brengen we consultancy, autoriteit en een uitgebreid editorial platform samen in één consistente digitale ervaring?
04 — Redesign
Niet de bestaande website mooier maken. De digitale ervaring opnieuw organiseren.
Bij het redesign hebben we niet alleen gekeken naar kleur, typografie en visuele componenten.
We hebben gekeken naar hoe de complete website als systeem moet functioneren.
Welke content verdient de meeste aandacht?
Hoe vinden bezoekers actuele verhalen?
Hoe onderscheiden we consultancy van editorial content?
Hoe maken we grote hoeveelheden artikelen en cases scanbaar?
En hoe zorgen we ervoor dat de website premium blijft aanvoelen terwijl er voortdurend nieuwe content wordt toegevoegd?
Vanuit die vragen hebben we de informatiehiërarchie en gebruikerservaring opnieuw vormgegeven.
Een redesign van een groot contentplatform begint bij structuur. Niet bij styling.
Alle beelden in deze case zijn echte pagina's van de huidige website van Eco Age. Van de vorige website zijn geen geverifieerde opnames beschikbaar, daarom tonen we geen voor-en-na vergelijking.
05 — Positionering
Twee werelden. Eén merk.
Eco Age heeft een bijzondere digitale positie.
De website moet tegelijkertijd de autoriteit van een consultancyorganisatie én de energie van een modern editorial platform uitstralen.
Aan de ene kant moet een potentiële opdrachtgever snel begrijpen welke expertise en dienstverlening Eco Age biedt.
Aan de andere kant moet de website ruimte bieden aan verhalen, analyses, cases en ontwikkelingen uit de industrie.
Daarom moest het design beide kanten van het merk ondersteunen.
Consultancy
Zakelijke geloofwaardigheid, expertise, dienstverlening, cases en duidelijke routes richting samenwerking.
Editorial
Sterke verhalen, grote fotografie, actuele content en een ervaring die uitnodigt om verder te lezen.
Zakelijke geloofwaardigheid voor potentiële klanten. Editorial aantrekkingskracht voor lezers en de bredere industrie.
06 — Digitale positionering
Een homepage die direct laat zien waar Eco Age voor staat.
De homepage moet verschillende kanten van Eco Age binnen één verhaal samenbrengen.
Positionering.
Actuele content.
Expertise.
Cases.
Autoriteit.
En uiteindelijk een duidelijke route richting verdere verdieping of contact.
Voor het redesign was het belangrijk dat deze hoeveelheid informatie niet aanvoelt als een verzameling losse blokken.
Iedere sectie moest onderdeel worden van één inhoudelijke en visuele route.
07 — Content experience
Een website die voortdurend nieuwe verhalen kan dragen.
Eco Age publiceert content over ontwikkelingen binnen fashion, sustainability, materials, culture, policy en de bredere industrie.
Dat betekent dat de website niet alleen bij oplevering goed moet werken.
Het contentmodel moet ook blijven functioneren wanneer er steeds nieuwe verhalen bijkomen.
Daarom hebben we met WordPress en Crocoblock gewerkt aan herbruikbare contentstructuren waarmee nieuwe publicaties consistent binnen dezelfde digitale ervaring kunnen worden toegevoegd.
Het design groeit mee met de content, in plaats van dat iedere nieuwe publicatie het design opnieuw nodig heeft.
08 — Case studies
Van merknaam naar inhoudelijk bewijs.
Eco Age heeft binnen de internationale fashion- en sustainabilitywereld aan uiteenlopende projecten gewerkt.
De website moest die projecten niet behandelen als simpele logo's of portfolio-items.
Een goede case study moet ruimte bieden aan:
- De context
- Het vraagstuk
- Het verhaal
- De aanpak
- Sterke fotografie
- Resultaten wanneer publiek beschikbaar
- Gerelateerde expertise
Zo worden cases onderdeel van de inhoudelijke autoriteit van Eco Age.
De projecten, merken en resultaten op deze pagina's zijn het werk van Eco Age zelf. De bijdrage van Yousource is de website en het systeem waarmee deze verhalen worden gepresenteerd.
09 — Contenthiërarchie
Veel content hoeft niet druk te voelen.
Een grote contentwebsite wordt snel onoverzichtelijk wanneer ieder onderwerp evenveel visueel gewicht krijgt.
Daarom hebben we veel aandacht besteed aan hiërarchie.
Belangrijke verhalen krijgen ruimte.
Secundaire content blijft eenvoudig scanbaar.
Categorieën helpen bezoekers gericht navigeren.
En herhaalbare contentpatronen zorgen ervoor dat nieuwe artikelen vanzelf onderdeel worden van dezelfde visuele structuur.
De gebruiker moet snel onderscheid kunnen maken tussen verschillende soorten informatie, zonder eerst te hoeven begrijpen hoe het CMS daarachter is opgebouwd.
Complexiteit achter de schermen. Duidelijkheid voor de gebruiker.
Features
Grote verhalen met beeld en diepgang.
Categorieën
Gericht navigeren binnen veel content.
Services
Commerciële verdieping vanuit de inhoud.
Case studies
Bewijs binnen een herkenbare structuur.
10 — CMS
Een uitgebreid platform dat het eigen team kan blijven vullen.
Voor Eco Age was beheerbaarheid essentieel.
Een editorial platform verandert voortdurend.
Nieuwe artikelen worden gepubliceerd.
Cases worden toegevoegd.
Nieuwe samenwerkingen moeten zichtbaar worden.
Diensten veranderen.
Campagnes en verhalen ontwikkelen zich.
Daarom hebben we de nieuwe website gebouwd in WordPress.
Hierdoor beschikt Eco Age over een centrale omgeving waarin content kan worden beheerd en verder uitgebreid zonder dat iedere publicatie opnieuw als developmentvraag hoeft te worden behandeld.
Een contentplatform moet niet alleen schaalbaar zijn voor bezoekers. Ook voor de mensen die het dagelijks beheren.
11 — Visual development
Een maatwerk uitstraling zonder dagelijkse technische afhankelijkheid.
Voor de visuele opbouw hebben we Elementor gebruikt.
Daarmee konden we het volledige redesign nauwkeurig vertalen naar WordPress en tegelijkertijd een website bouwen die praktisch te beheren blijft.
De kracht zit niet in het simpelweg installeren van een pagebuilder.
We hebben een systeem opgebouwd met:
- Consistente secties
- Herbruikbare componenten
- Duidelijke spacing
- Vaste typografische principes
- Responsive layouts
- Visuele regels voor verschillende contenttypes
Zo blijft de website herkenbaar, ook wanneer nieuwe content wordt toegevoegd.
Niet alleen pagina's bouwen. Een visueel systeem bouwen.
12 — Dynamische content
Structuur achter een groot editorial platform.
Crocoblock helpt bij het structureren van dynamische content.
Voor een platform als Eco Age is dat belangrijk omdat verschillende soorten content terugkerende eigenschappen en relaties hebben.
Afhankelijk van de daadwerkelijk geïmplementeerde structuur kan dat bijvoorbeeld gaan om:
- Categorieën
- Auteurs
- Publicatiedata
- Features
- Insights
- Cases
- Gerelateerde content
- Dynamische contentoverzichten
In plaats van ieder onderdeel telkens handmatig opnieuw op te bouwen, kunnen dynamische templates de juiste content binnen consistente ontwerpen presenteren.
Dat maakt het platform schaalbaarder voor zowel content als beheer.
Conceptueel — dynamische templates
13 — Design
Editorial waar het kan. Zakelijk waar het moet.
Het design moest sterk genoeg zijn om Eco Age als premium merk te dragen, maar rustig genoeg blijven om uitgebreide content goed leesbaar te maken.
De content staat centraal.
Het design ondersteunt die content in plaats van ermee te concurreren.
Editorial typography
Sterke koppen die grote verhalen kunnen dragen.
Grote fotografie
Beeld krijgt ruimte en bepaalt de sfeer van het merk.
Ademruimte
Witruimte houdt uitgebreide content leesbaar.
Artikelhiërarchie
Duidelijk onderscheid tussen kop, intro, body en metadata.
Consistente contentblokken
Dezelfde patronen keren terug over alle contenttypes.
Eenvoudige navigatie
Bezoekers weten waar ze zijn en hoe ze verder kunnen.
14 — Social proof
Expertise zichtbaar maken zonder het voortdurend uit te hoeven leggen.
Voor Eco Age wordt autoriteit niet door één element opgebouwd.
Het ontstaat door de combinatie van inhoud.
Cases.
Editorial stories.
Samenwerkingen.
Testimonials.
Expertise.
En de onderwerpen waar de organisatie zich publiekelijk over uitspreekt.
Het redesign moest die verschillende vormen van bewijs binnen één consistente omgeving samenbrengen.
Zo ontstaat een website die niet alleen vertelt wat Eco Age doet, maar het door de volledige contentervaring laat zien.
15 — Responsive design
Grote verhalen moeten ook op een klein scherm werken.
Editorial websites stellen andere eisen aan mobiel dan een eenvoudige corporate website.
Lange headlines, grote beelden, artikelmetadata, categorieën, contentcards, cases en navigatie moeten op kleinere schermen allemaal hun hiërarchie behouden.
Daarom hebben we de responsive ervaring niet behandeld als een verkleinde desktopversie.
We hebben gekeken naar:
- Typografische schaal
- Leeslengte
- Beeldverhoudingen
- Mobiele navigatie
- Contentvolgorde
- Spacing
- Touch-interactie
- Cards
- CTA's
Dezelfde premium editorial ervaring, ongeacht het scherm.
16 — Consultancy
Inspireren is belangrijk. Converteren ook.
Omdat Eco Age zowel contentplatform als consultancyorganisatie is, moet de website meer doen dan alleen lezers informeren.
Potentiële klanten moeten vanuit de inhoud kunnen ontdekken welke expertise en dienstverlening beschikbaar is.
Daarom is consultancy onderdeel van de informatiearchitectuur en niet een losstaand onderdeel van de website.
Editorial content bouwt autoriteit op.
Cases maken ervaring concreet.
Services geven commerciële verdieping.
En duidelijke contactmomenten geven bezoekers een volgende stap.
Content en commercie hoeven geen twee losse werelden te zijn.
17 — Tech stack
Een flexibele technische basis voor content en groei.
CMS
- WordPress
Visual development
- Elementor
Dynamic content
- Crocoblock
Frontend
- Responsive webdevelopment
UX/UI
- Full website redesign
- Information architecture
- Editorial UX
Content
- Editorial content
- Cases
- Services
- Dynamische contentstructuren
Beheerbaarheid
- Herbruikbare componenten
- Dynamische templates
- Centraal contentbeheer
18 — Het resultaat
Een digitaal platform dat het merk én de inhoud kan dragen.
Volledig vernieuwde uitstraling
De website is opnieuw ontworpen rondom de positionering en uitgebreide contentwereld van Eco Age.
Sterkere contenthiërarchie
Grote hoeveelheden informatie kunnen binnen duidelijke visuele structuren worden gepresenteerd.
Editorial én commercieel
Content, expertise, cases en dienstverlening ondersteunen elkaar binnen dezelfde ervaring.
Schaalbaar contentbeheer
Nieuwe publicaties kunnen binnen bestaande dynamische structuren worden toegevoegd.
Beheerbaar door het eigen team
WordPress, Elementor en Crocoblock bieden een flexibele basis voor dagelijks contentbeheer.
Responsive gebouwd
De uitgebreide contentstructuur is zorgvuldig vertaald naar desktop, tablet en mobiel.
19 — Design + technologie
Een contentplatform ontwerpen betekent een systeem ontwerpen.
Eco Age laat goed zien waarom een redesign van een grote website niet alleen over de homepage kan gaan.
Wanneer een organisatie voortdurend verhalen, cases en inzichten publiceert, moet het design blijven functioneren wanneer de website verder groeit.
Daarom hebben we niet alleen pagina's ontworpen.
We hebben gekeken naar het systeem erachter.
Hoe content wordt opgebouwd.
Hoe verhalen aan elkaar worden gekoppeld.
Hoe verschillende typen informatie herkenbaar blijven.
Hoe het interne team nieuwe content kan publiceren.
En hoe de visuele kwaliteit overeind blijft wanneer de omgeving groter wordt.
Dat is het verschil tussen een website ontwerpen en een digitaal platform ontwerpen.
Meer over deze diensten
Contentplatform of website redesign?
Is je website gegroeid, maar de structuur niet meegegroeid?
Wanneer steeds meer content, diensten en verhalen aan een website worden toegevoegd, ontstaat vanzelf complexiteit.
Een redesign is dan meer dan een nieuw uiterlijk.
Het is een kans om opnieuw te bepalen hoe content, merk en technologie moeten samenwerken.
Yousource helpt organisaties om omvangrijke websites opnieuw te structureren, ontwerpen en bouwen: van UX en design tot WordPress, dynamische content en doorontwikkeling.
Vertel ons waar je huidige website tegenaan loopt. Wij kijken eerst naar structuur, gebruikers en beheer voordat we bepalen wat er technisch nodig is.
Andere cases
UX/UI Design · Figma · WordPress · Elementor · Responsive Development
MIRA Quality
Yousource ontwierp de volledige website van MIRA Quality in Figma en vertaalde dat ontwerp naar een gebruiksvriendelijke WordPress-website met Elementor.
Figma · WordPress · Elementor
Case bekijken
Headless migratie · WordPress · Elementor · Crocoblock · Technisch beheer
TextileGenesis
Yousource migreerde de corporate website van TextileGenesis van een headless opzet naar een volledig beheersbare WordPress-omgeving met Elementor en Crocoblock.
WordPress · Elementor · Crocoblock
Case bekijken
E-commerce · Technisch beheer · WooCommerce · Doorontwikkeling
PhoneMarket
Yousource heeft de volledige webshop van PhoneMarket in technisch beheer: hosting, updates, security, performance, probleemoplossing en doorontwikkeling.
WordPress · WooCommerce · Technisch beheer
Case bekijken