Projects Modal
The most complex custom functionality required by this design was the 'Project' Modal' which needed to open all projects inside a modal, rather than navigating away from the Projects Archive page, whilst still ensuring that each project could be individually shared using a unique url.
Our custom fixed-position filter allows users to explore different project types in different global locations.
The layout of the archive page features a masonry layout with multiple differing widths, heights and items per row. Our custom widget allows full control over size and placement settings for all projects in the grid.
Custom Elementor Widgets
Whilst WordPress Elementor is a powerful building platform with multiple widget options available, the design required that we custom-build a number of 'Zutari website specific' widgets that would display the unique design functionality in a seamless way on all user devices.
Service Rollover Grid
The interactive service grid has an 'expanding' rollover state that changes all the colours in each block. The entire block is clickable.
Button Icon Swap-Around
All buttons on the website feature an icon that swaps places with the text on hover.
Animated Scrolling Timeline
We developed a custom 'timeline' widget that animates to reveal more content as the user scrolls.
Counter Rollovers
We developed a custom counter widget to include an animated hover state that changes the colour of text and background as needed.
Custom Form Selectors
Our custom form displays the service selectors as buttons that change to the specific service colour once clicked.
Impact
Building Relationships
Working closely with Design Bridge & Partners on such an important and complex project established a strong collaborative connection between our two companies, building the scaffolding for more successful collaborations going forward.
Engineering Credibility Where it Counts
With a legacy of impressive and innovative engineering projects that spans both decades and continents, Zutari finally have an online presence that reflects their award-winning, future-encompassing body of work.
