ImageX delivered a bold, modern site that differentiates [Manning Elliott] from competitors."
Salvatore Lavorata / Manning Elliott LLP, Manning Elliott
Website users increasingly expect an outstanding user experience (UX). To ensure this, our design approach is based on user empathy. Throughout the design process, we seek to understand their needs, goals, and frustrations.
This helps us craft and deliver a site that is easy for them to navigate and engage with on any device. Our process includes wireframes and design mock-ups for key pages and user journeys.
‘Mobile First’ Web Design
Designing ‘mobile first’ is a discipline which helps keep all aspects of the design process focussed around best practices and the reality of user behaviour in this day and age.
For example: Chunked content that’s easy to skim and scan, simple page layouts and a user friendly navigation, all help deliver a modern website experience with a responsive design that adapts effortlessly for all device considerations.
We’re strong advocates for user testing. It helps verify the work we’re doing throughout the design process and safeguards us from building a website or app that’s ineffective for your organization and your users.
Tests can range from: validating improvements to user flows and page designs with target audiences. To “tree testing” which will help shape and define your navigation.
With any project that involves improving usability, one of our primary goals is to get more insight into your key personas. To achieve this, we work closely with you to obtain a deep understanding of your users.
And, answer questions such as: What is motivating them to visit the site? What stage in the journey are they in when they arrive? And, what will lead them to commit to the next step?
We work with you, your stakeholders and users to better understand your organization and the key goals for your website. This information helps inform what the structure of your website's content should be, including how it’s organized and labelled.
Depending on your content needs, we can do a full audit of your website and continue to support you as you begin to analyze, restructure and potentially rewrite your content.
Accessibility is woven throughout our design process and includes the following best practices: Being ADA and Section 508 compliant. Adhering to WCAG accessibility guidelines, with testing of colour contrast and text sizes.
Our sites make full use of Drupal 9’s semantic HTML, supplemented with ARIA tags, to help accurately label content. And, are designed so that users with assistive devices can navigate the page effectively even if they’re not using a traditional mouse.
Brand Identity/Style Guide/UI Kit
For every project we wrap the design phase by producing a UI Kit. This document can either partner with your existing graphic standards manual. Or, become a bespoke online style guide that steps-out how we’ve brought your brand identity to life in the digital space.
This ‘kit’ demonstrates the design system and components that we’ve built for you. It includes site-wide design specifications, such as image dimensions, colour palettes, fonts and any design treatments applied to the assets listed here.
We like to take a modular, component-based, design approach with our projects. Building a “design system” this way helps developers and content editors get the most from their components, giving them greater control of their existing content, and ease of use to quickly build a landing or campaign page for any real-time requirements.
Our Bootstrap Layout Builder Tool takes advantage of this a step further providing additional flexibility.