Design

Our design approach is user centred, mobile first and always takes into consideration best practices and current digital trends.

ImageX delivered a bold, modern site that differentiates [Manning Elliott] from competitors."

Salvatore Lavorata / Manning Elliott LLP, Manning Elliott

UX Design

UX Design

UX Design

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 which 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

‘Mobile First’ Web Design

‘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.

Usability Testing

Usability Testing

Usability Testing

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.

User Personas

User Personas

User Personas

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?

Information Architecture

Information Architecture

Information Architecture

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

Accessibility

Accessibility

Accessibility is woven throughout our design process and includes the following best practices: Being ADA and Section 508 compliant. Adhering to WCAG accessibility guidelines. Testing color contrast and text sizes.

Making full use of Drupal 9’s semantic HTML, supplemented with ARIA tags, to help accurately label content. And, 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

Brand Identity/Style Guide/UI Kit

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, color palettes, fonts and any design treatments applied to the assets listed here.

Design Systems

Design Systems

Design Systems

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, available on Drupal 9, takes advantage of this a step further providing additional flexibility.