Discovery, User Journeys and Prototyping
From our various desks on three different continents, we met up for an online workshop to explore options and rework the content to ensure all user types would be catered for on the new platform.
From the resulting information architecture, we built a wireframe of the entire site that worked as a prototype, allowing everyone to click from page to page to test and fine-tune the new structure and UI before moving on to final copy and design.
Design
Whilst adhering to the colours and fonts laid out in the brand CI, our design team found ways to emphasise the technical elegance of the verification instruments by keeping the design sharp, spacious and visually clean.
Hover states, animations and micro interactions would then bring a liveliness to the simple layout once the site was in development.
Different page layouts and headers were used to create a subtle differentiation between instruments, technology development and research, and the insights and news.
Custom WordPress Development
The basic site build was done in WordPress Elementor, but due to the complexity of the micro animations, sliders and hover states, we needed to conceptualise and develop custom Elementor widgets.
As always we paid special attention to accessibility, loading times, User Experience, SEO and responsiveness.
Diamond Verification Instruments Hero Slider
Mega drop down menu with carousel capabilities
Animated rollovers and content expanders
Custom post templates for varying content types
