Michelle Winchester
Ingenia
Ingenia publishes stimulating and informative articles about all aspects of engineering and technology. It contributes to the Royal Academy of Engineering's goal of showing how engineering makes a difference and helps to shape the future. The website faced challenges in showcasing its exceptional content. It also failed to engage its intended audience of young adults to inspire them towards careers in engineering.

Agreed brief:
Develop a website that places content as the focal point, guaranteeing that the reading experience is not only enjoyable but also engaging for its target audience.

Running a remote workshop
My approach:
My goal was to enhance the visual aesthetics and create a website that would captivate users and make them feel that the site was relevant for their needs.
Ingenia’s look needed a comprehensive overhaul, with the sole exception being the retention of their logo.
​
I thought about accessibility from the start of the design process. This included making sure:
-
the colour contrast met at least AA WCAG
-
focus states were designed for keyboard navigation
-
I gave Alt text guidance
-
I selected typefaces
-
that the CSS styling updates made content legible for all users.

Tasks I completed:
-
Ran a remote brand discovery workshop using Miro, including an ERT (emotional, response, test) exercise, to understand the brand's values, personality and target user.
-
Conducted desk research to analyse the colour palettes and typography used in the digital products utilised by the target user.
-
Stayed informed about design trends by attending a webinar to help better understand the target user. Then I adapted the brand's visual identity to remain relevant and appealing.
-
Defined and created the website's new colour palette to reflect the brand's values and personality.
-
Identified and implemented appropriate typefaces that complemented the brand's identity and enhanced readability.
-
Created a visual language that is striking and that stood out, making a strong and lasting connection with its audience.
-
Created component and high-fidelity layout designs using Utopia fluid responsive design approach.
-
Incorporated feedback from stakeholders, clients, and users to refine and improve the visual elements of the brand.
-
Collaborated with the Design Engineer/Developer to address and resolve the technical challenges that occurred in the build.

Style guide displaying colour palette with tints and shades, contrast check, fluid type scale for minimum viewport and fluid space system
Collaboration:
Design Engineer, Project Manager, UX Strategist and stakeholders.
Duration:
4 months
​
Status:
You can explore the live Ingenia site here.