Design and Webflow development of Connect - Dormakaba

Pedro

Pedro Lopez

Awarded as Web Experience of the Year finalists
Awarded as Web Experience of the Year finalists
Dormakaba, a global leader in access solutions, needed a series of microsites to launch and promote key products.
I collaborated on the design and Webflow development of Connect, their digital hub for smart access, and TS98 XEA, a product microsite focused on clarity and performance.
The goal was to deliver fast, scalable, and visually engaging experiences that matched Dormakaba’s global standards — blending technical precision with a clean, premium aesthetic. Media Gallery
My role
UI/UX design collaboration and art-direction support
End-to-end Webflow development (component system, CMS, responsive behavior)
Performance, accessibility, and QA
Approach
Component-driven layout system to keep pages consistent and easy to scale
CMS architecture for products, articles, and updates, enabling non-technical teams to publish quickly
Clear visual hierarchy (large typography, ample negative space, restrained color) to echo the brand’s engineering quality
Subtle motion and stateful interactions to guide reading flow without distraction
Image and asset strategy (lazy-loading, modern formats) for fast first impression
Results
Sharper storytelling and streamlined product discovery
Noticeably faster load and smoother interaction across devices
Easier content operations for the marketing team
Tools & tech Webflow (CMS, components), semantic HTML, responsive layout best practices, performance tuning, accessibility checks.
Want a product hub that feels premium and ships fast? Let’s talk about your launch.
Like this project

Posted Sep 2, 2025

Dormakaba, a global leader in access solutions, needed a profesional hub to intern promotions . I collaborated on the design and Webflow development.