Client

Daniel Marshall Architects

Date

2023 – 24

My Role

Development Partner

Skills

Animation and Interaction
Custom Development
Craft CMS
HTMX
GSAP
Alpine.js
Tailwind CSS
HTML/CSS

Visit website

Partnered with a renowned UX/UI designer to comprehensively rebuild the portfolio website for Daniel Marshall Architects, a multi-award-winning architecture firm.

Navigation expanding transition

Collision detection

Key deliverables

Implemented Motion Elements: Interactive features to boost site engagement such as the navigation system, project slide outs and vertical to horizontal scrolling.
Mobile Optimization: Prioritized and refined the mobile experience, ensuring a smooth and responsive interface for over 50% of site visitors accessing via mobile devices.
Developed Horizontal Scroll Slide-Out Feature: Engineered and implemented a seamless horizontal scroll slide-out interface for project showcases, enhancing user interaction and providing a visually dynamic way to navigate content.

Learnings and outcomes

A website with interaction precision.

I focused on selecting the best tech stack to enhance performance, ensuring the site was future-proof while maintaining the existing CMS unless an upgrade was required. Additionally, I implemented a Chinese language landing page, created niche landing pages like one for Waiheke Island Architect, and added information about partners and suppliers to enrich the siteâs content and reach.

Navigation expanding transition

Collision detection

Thumbnail hover animation and slide out

“Thanks for the CMS training. We went and had a look around ourselves straight afterwards and are so happy with the overall navigation and look of everything!”