Been browsing awwwards and siteinspire way too much lately and wanted to share some fresh web design ideas that are actually inspiring me right now
sites that made me stop scrolling:
- theres a portfolio site (cant remember the exact url, ill find it) that uses a single continuous scroll with the background color gradually shifting through the entire spectrum as you scroll. sounds gimmicky but it was gorgeous and the content still read perfectly
- saw a studio site using cursor-reactive 3d typography. as you move your mouse the letters physically react. not the cheesy parallax stuff - actual WebGL rendered type that deforms and bounces
- an agency site where the case studies are presented as a filing cabinet. you literally pull drawers open. usually i hate metaphor-based navigation but this one was so well executed it actually improved usability
- a photographer portfolio where images load as polaroids that physically drop onto the page with realistic physics. each one bounces slightly differently. delightful
the common thread: these all push the interface in interesting directions without sacrificing the actual content. thats the line between fresh web design and self-indulgent experimentation imo
whats inspiring you right now? drop links if you have them
the cursor-reactive 3d typography thing is definitely having a moment. seen it on 3 portfolio sites in the last month. its using Three.js or Spline usually. looks incredible when done well but absolutely murders mobile performance so make sure theres a fallback
my current inspiration: sites using scroll-driven animations with the new CSS scroll-timeline spec. no javascript needed for most scroll effects now. changes everythign for web design
The polaroid physics thing sounds like it uses matter.js or cannon.js for the physics simulation. love that approach. ive been seeing more sites use actual physics engines for UI elements and when its purposeful (not just showing off) it adds so much personality
my recent favorite: a type foundry site where the specimen pages let you physically drag and throw the letterforms around the page. made browsing fonts actually fun for once
The filing cabinet navigation is interesting but id push back slightly on web design metaphors in general. for every one that works theres 50 that sacrifice usability for cleverness. ive seen magazine sites with “page flip” navigation, music sites with “vinyl record” interfaces, etc. usually a nightmare to actually use
the fresh ideas that excite me are ones that push the VISUAL design without compromising the interaction patterns people already understand
What inspires me rn: sites that use generative/procedural backgrounds instead of static images. like a hero section where the background is a real-time WebGL shader that subtly shifts and changes. every visit is slightly different. it gives the site a living quality that static design cant match
lusion.co and active theory’s portfolios are good examples of this done right