Over het project
Voor Sportacties.nl bouwden we de volledige merkidentiteit en een prijsvergelijkingssite voor sportproducten. Bezoekers vergelijken er de prijzen van fitness- en hardloopproducten bij Nederlandse winkels.
Het verhaal
Uitdaging
Sportacties.nl moest een Nederlandse prijsvergelijker worden voor sportproducten, met focus op fitness en hardlopen. Zo’n site staat of valt met overzicht. Er zijn honderden producten met uiteenlopende kenmerken, de prijzen veranderen voortdurend en bezoekers willen snel de beste deal vinden. Er was nog geen merk, geen ontwerp en geen techniek die dit kon dragen.
Aanpak
We behandelden merk, ontwerp en techniek als één geheel. Eerst bepaalden we de positionering en de huisstijl. Daarna ontwierpen we een site die bezoekers snel naar het juiste product brengt, met duidelijke categorieën, slimme filters en een heldere prijsweergave. Tot slot bouwden we alles in WordPress en Bricks, met maatwerk dat prijzen en productgegevens automatisch bijwerkt. Zo blijft de site actueel zonder handmatig werk.
Resultaat
Sportacties.nl is live met ruim 290 producten, 51 categorieën, 13 sporten en 123 merken. Prijzen, laagste aanbieder en prijs per eenheid worden automatisch bijgewerkt. Bezoekers kunnen zoeken, filteren en sorteren, bijvoorbeeld op prijs per 100 g eiwit. De site is technisch klaar voor vindbaarheid, met een sitemap, structured data en cookietoestemming volgens Google Consent Mode.
Wat we hebben gedaan
Branding
Sportacties.nl is een merk voor sporters die slim willen kopen. De identiteit moest vertrouwen wekken en tegelijk energiek en toegankelijk aanvoelen. De naam en uitstraling zijn gericht op een breed publiek, van beginnende hardlopers tot fanatieke krachtsporters, en komen consequent terug in de site en de nieuwsbrief.
Merkpositionering
Logo
Kleurenpalet
Typografie
Huisstijl voor website en nieuwsbrief
Webdesign
Het ontwerp draait om snel vergelijken. Een uitgebreid menu met categorieën en sporten brengt bezoekers in twee klikken bij het juiste product. Op de categoriepagina’s filteren ze op kenmerken die bij die productgroep passen, zoals ondergrond, kleur of dieet. Elke productkaart toont de laagste prijs, het aantal winkels en, waar relevant, de prijs per eenheid. Alles is ontworpen voor mobiel gebruik.
Sitemap en paginastructuur
Desktop- en mobiel ontwerp
Megamenu en mobiel menu
Productkaarten en productpagina
Categorie-, sport- en merkpagina's
Filter- en sorteerinterface
Design system op basis van Core Framework
Webdevelopment
De site is gebouwd in WordPress en een eigen datamodel voor producten, categorieën, sporten en merken. Met maatwerk in PHP worden prijzen van meerdere winkels automatisch bijgewerkt en gekoppeld aan bol.com-productdata. Dat zorgt ook voor sorteren op prijs en prijs per eenheid. Verder bouwden we live zoeksuggesties, filters per categorie, nieuwsbriefkoppeling en SEO-instellingen.
Eigen berichttypes en taxonomieën
Automatische prijssynchronisatie
Koppeling met bol.com-productdata
Productfilters en sortering
Live zoeksuggesties
Nieuwsbriefkoppeling met dubbele opt-in
SEO, sitemap en structured data
Google Analytics 4 met cookietoestemming