2Social klantcase: webdesign & development
K.N.P.S.V.
Een koninklijke vereniging verdient een koninklijke website. Voor de oudste farmaceutische studentenvereniging van Nederland ontwierpen en bouwden wij een compleet nieuw digitaal thuis: fris, vindbaar en razendsnel.
0
Opgericht
0
Talen
0
Verenigingskleuren
0
SEO-score
De vereniging & de uitdaging
Wie is de K.N.P.S.V.?
De Koninklijke Nederlandse Pharmaceutische Studenten Vereniging is sinds 1903 dé overkoepelende vereniging voor (bio-)farmaceutische studenten in Nederland. Vier verenigingen, elk met een eigen kleur en traditie, vormen samen één koninklijke vereniging die het hele jaar door congressen, activiteiten en uitwisselingen organiseert.
De vraag aan 2Social
- Een vernieuwd design dat recht doet aan ruim 120 jaar traditie én fris aanvoelt voor nieuwe studenten.
- Weg met het doolhof: informatie zat verstopt achter menu's ín menu's. Alles moest binnen een paar klikken vindbaar worden.
- Een snelle website die ook op een telefoon in de collegebank vlekkeloos werkt.
- En één harde eis: een website die de vier verenigingen trots samenbrengt, elk herkenbaar aan hun eigen kleur: zij aan zij, door de hele site.
Vier verenigingen, één K.N.P.S.V.
Vier vaandels, vier kleuren, één wapen. Op de nieuwe website komen de verenigingen samen zoals op het congres: zij aan zij, elk herkenbaar, samen de K.N.P.S.V.
Een design dat de vereniging ademt
Scroll om de homepagina te verkennen ↓
Scroll om de homepagina te verkennen ↓
De lijnen als rode draad
De vier kleuren uit het verenigingswapen lopen als strakke, rechte lijnen door de hele site, exact in de volgorde van de header: rood, geel, donkerblauw, lichtblauw.
Wit, ruim en koninklijk
Een rustige witte basis geeft foto's, vaandels en het wapen de hoofdrol. De vertrouwde typografie bleef, de uitstraling werd modern.
Oranje als eyecatcher
Het fullscreen oranje menu is hét herkenningspunt van de site: opvallend, speels en onmiskenbaar K.N.P.S.V.
Levendig zonder franje
Subtiele scroll- en hover-animaties maken de site levendig, zonder de inhoud in de weg te zitten.
Van doolhof naar eenvoud
Op de oude website zat informatie verstopt achter menu's ín menu's: zes klikken diep was geen uitzondering. Daarom kozen we radicaal voor eenvoud. Vier heldere thema's, snelkoppelingen naar de meest gezochte pagina's en een zoekfunctie die alles direct vindt.
Vroeger: speuren
6+ klikkenBelangrijke pagina's zaten diep weggestopt. Leden wisten vaak niet eens wáár ze moesten beginnen met zoeken.
Nu: typen en vinden
1 zoekopdrachtDe zoekfunctie doorzoekt de hele site: pagina's, activiteiten, nieuws en documenten. Typ wat je zoekt en je bent er, in één keer.
Vereniging
- Afdelingen
- Commissies
- Bestuur & oud-besturen
- Merchandise
- Folia Pharmaceutica
- Verenigingsdocumenten
Bekijk live op knpsv.nl
Activiteiten
- Agenda met iCal-download
- Activiteitenfonds
- Reiskostenvergoeding
- Fotoalbums
Bekijk live op knpsv.nl
Internationaal
- EPSA & IPSF
- Student Exchange Programme
- Twinnet Project
- Internationale evenementen
Bekijk live op knpsv.nl
Studie & Carrière
- Vacatures
- Sponsoren
- Stipendiafonds
- Beroepsverenigingen
Bekijk live op knpsv.nl
Op elk scherm thuis
Mobile-first, zonder compromis
Studenten checken de agenda op de fiets, in de trein of in de collegebank. Daarom is elk onderdeel eerst voor de telefoon ontworpen: grote tikdoelen, leesbare tekst en de vier lijnen die ook op een klein scherm strak in het gelid blijven.
Eén klik en het menu klapt open
Het oranje fullscreen menu is op elk formaat hetzelfde herkenbare startpunt: zoekbalk, snelkoppelingen en alle thema's op één plek. Op mobiel met één duim te bedienen, op desktop met precies dezelfde structuur.
Snelheid die je voelt
Een mooie site die traag laadt, is alsnog een slechte site. Daarom is knpsv.nl gebouwd met geoptimaliseerde afbeeldingen, slimme caching en zo min mogelijk scripts. Google beoordeelt websites met Lighthouse op een schaal van 0 tot 100, waarbij alles boven de 90 als uitstekend geldt. De homepagina van knpsv.nl scoort (bijna) perfect.
SEO
Best practices
Toegankelijkheid
0,4s
GoedFirst Contentful Paint
Na 0,4 seconden verschijnt het eerste beeld op je scherm.
Google-norm voor goed: onder 1,8s
1,2s
GoedLargest Contentful Paint
Binnen 1,2 seconden staat het grootste onderdeel van de pagina er.
Google-norm voor goed: onder 2,5s
0ms
GoedTotal Blocking Time
De pagina reageert direct, zonder ook maar één hapering.
Google-norm voor goed: onder 200ms
Google Lighthouse-audit van de homepagina (desktop). De witte markering toont waar knpsv.nl zit op de schaal van snel naar traag.
Meer dan een website
De site draait op Apex, het maatwerk CMS van 2Social. De modules hieronder staan daarin standaard klaar en zijn volledig op de vereniging afgestemd. Het bestuur beheert alles zelf, zonder technische kennis.
Webshop & merchandise
Leden bestellen verenigingskleding en -artikelen direct online, inclusief veilige afrekenflow.
Activiteitenagenda
Alle congressen en activiteiten in één agenda, met iCal-download zodat niets wordt gemist.
Fotoalbums
Herinneringen aan elk congres en elke borrel, netjes gebundeld en snel te bladeren.
Slimme formulieren
Van aanmeldingen tot declaraties: formulieren die de vereniging zelf kan samenstellen.
Nieuws & Folia
Actueel verenigingsnieuws en het verenigingsblad Folia Pharmaceutica, altijd up-to-date.
Tweetalig NL & EN
Elke pagina in het Nederlands én Engels, met één klik te wisselen. Belangrijk voor internationale studenten.
Design op maat
De vier kleuren, de vaandels en het oranje menu: maatwerk van 2Social, bovenop de kracht van Apex.
Veilig & privacyproof
Moderne beveiliging en zorgvuldige omgang met ledendata, volgens de laatste standaarden.
Een frisse, koninklijke uitstraling. Alles binnen een paar klikken. En snelheid waar je U tegen zegt: dat is de nieuwe knpsv.nl.
Ontworpen, gebouwd en live gebracht door 2Social. Benieuwd wat we voor jouw vereniging of onderneming kunnen betekenen?
Ontwerp, development en socials onder één dak. Efficiënt en scherp.
Plan een vrijblijvend gesprek
Gebruik dit formulier voor een offerte of advies voor website, design of socials.