Ons werk
Voorbeelden van microinteracties en animaties die we voor Nederlandse websites hebben ontworpen. Elk project toont hoe subtiele beweging de gebruikerservaring versterkt.
E-commerce platform: Interactieve product cards
Voor een Nederlandse modeboutique hebben we vloeiende hover-animaties ontworpen op productkaarten. De afbeeldingen zoomen subtiel in, prijzen verschijnen met een fade-in effect, en de knop krijgt een geleidelijke kleurovergang. Dit alles gebeurt met CSS-transitions, zonder JavaScript overhead. Resultaat: 23% meer hovers op productpagina’s.
2024 Utrecht 40 productkaarten
SaaS dashboard: Laadstatus indicatoren
Een financieel dashboard had lang laadtijden voor rapporten. We hebben skeleton screens en subtiele progress animaties toegevoegd die de wachttijd verkleinen. Met keyframe animaties gaven we gebruikers duidelijk visueel feedback. Perceived wait time daalde met 40%.
2024 Amsterdam 6 dashboard schermen
Contact formulier: Real-time validatie met animaties
Een contactformulier van een Nederlands adviesbureau kreeg real-time validatie animaties. Terwijl gebruikers typen, verschijnen groene vinkjes (success) of rode waarschuwingen (error) met smooth fade-in effecten. Foutinvoer daalde met 35%, en formulierconversie steeg naar 18%.
2023 Rotterdam 8 formuliervelden
Animaties met prefers-reduced-motion support
Voor een overheidswebsite hebben we animaties ontworpen die volledig respecteren wat gebruikers willen. Met CSS prefers-reduced-motion detecteren we voorkeur en schakelen animaties intelligent uit. Beweging blijft waar nodig, maar gebruikers met vestibulaire aandoeningen ervaren geen hinder.
2024 Den Haag 100% WCAG AA compliantKlaar voor jouw project?
Laten we samen nadenken over hoe subtiele animaties jouw website kunnen verbeteren. Geen frameworks die vertragen, alleen doordachte CSS die echt werkt.
Neem contact op