JBSdesign

JBSdesign is mijn eigen studio-site en daarmee de professionele tegenhanger van dit portfolio. Waar jeroenstengs.nl over mij als developer gaat, presenteert JBSdesign mijn diensten aan opdrachtgevers: webdesign en development, logo's en huisstijlen, en social media. De site moest twee dingen tegelijk zijn: een visitekaartje met karakter én het bewijs dat ik waarmaak wat ik beloof.

Het ontwerp is gebouwd rond een donker paars-zwart palet met veel witruimte en grote, brede typografie. De site heeft een moderne scroll-ervaring: een hero die meebeweegt en vervaagt terwijl je scrolt, een oneindig doorlopende marquee met opdrachtgevers, secties die rustig in beeld faden en een subtiele voortgangsbalk bovenin. Alle animaties respecteren de reduced-motion-voorkeur en zijn geoptimaliseerd om ook op mobiel soepel te blijven.

Een detail waar ik trots op ben: op de werkwijze-pagina staan geen stockfoto's, maar abstracte SVG-illustraties die ik speciaal voor de site heb gemaakt — een blauwdruk voor de conceptfase, gelaagde panelen voor het ontwerp- en bouwwerk, en een radar met stijgende koers voor de livegang. Daarnaast heeft elk project zijn eigen case study en draait het blog op MDX, zodat nieuwe verhalen toevoegen een kwestie van een markdown-bestand schrijven is.

Technisch draait JBSdesign op Next.js 15 met React 19, Tailwind CSS 4 en Framer Motion. De site wordt volledig statisch gegenereerd en gehost op Vercel. Performance was een harde eis: geen zware effecten die de boel vertragen, maar slimme alternatieven — zoals radial gradients in plaats van dure blur-filters — zodat de site ook op een telefoon vloeiend aanvoelt.