HiI'mLeroyandIbuildthingsthatmattersolutionsbornofcuriosity,designedwithintent,andbuilttoendure.

🧑‍💻 currently lead front-end dev at Kaliber Interactive
Back to overview

Aangenaam Akoestiek

Portfolio and sample order platform for Aangenaam Akoestiek, a company that specializes in interior acoustics.

Aangenaam Akoestiek
Project goal

Build a portfolio and sample ordering platform that reflects the tactile quality of acoustic materials.

As lead developer on this project, I handled everything from design to development, including direct client contact and creative direction. The project had a quick turnaround time, requiring efficient decision-making and execution.

Aangenaam Akoestiek homepage
The refined homepage showcasing acoustic solutions

Designing an immersive experience

I crafted the complete user experience from the ground up, focusing on creating an atmosphere that mirrors the tactile quality of the acoustic materials themselves. The interface breathes with purposeful micro-interactions and buttery-smooth transitions that make every click feel intentional and satisfying.

Navigation and interaction design
Thoughtful navigation with fluid state transitions

Animations were choreographed to feel effortless rather than flashy. Elements glide into view with natural easing, hover states reveal depth through subtle shadow shifts, and page transitions maintain spatial continuity, giving users a sense of moving through a cohesive space rather than jumping between screens.

Product detail view
Detailed product presentation with tactile material photography

Sample ordering system

A key feature of the platform is the custom sample ordering system. Customers can request acoustic material samples based on their postcode, with orders automatically routed to the appropriate regional supplier. Different postcode ranges correspond to different suppliers, ensuring efficient logistics and delivery.

Sample order flow
Streamlined sample request process with clear visual feedback

Technical implementation

I built a SendGrid integration for transactional emails, handling order confirmations and supplier notifications. The full-stack approach allowed for a cohesive user experience from the portfolio showcase through to the order completion flow.

Email confirmation design
Consistent brand experience extends to transactional emails