Ingenia
Ingenia publishes stimulating and informative articles about all aspects of engineering and technology. It is contributing 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.
Client
The Royal Academy of Engineering
Duration
4 months
Category
Publishing
Education
Type of Work
User Interface Design
Responsive Design
Brand Refresh
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.
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 its logo.
Accessibility was thought about from the start of the design process. This included colour contrast meeting at least AA WCAG, focus states designed for keyboard navigation, Alt text guidance given, selecting readable typefaces and CSS styling updates to ensure content is ligible for all users.
Collaboration:
Design Engineer, Project Manager, UX Strategist and stakeholders.
See the website and read what my team did on Clearleft's case study.
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.
-
Conducting desk research to analyze the colour palettes and typography used in the digital products utilized by the target user.
-
Stay informed about design trends by attending a webinar to help better understand the target user. Then I adapt 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.
-
Identify and implement appropriate typefaces that complement the brand's identity and enhance readability.
-
Creating a visual language that is striking and that stands out. Making a strong and lasting connection with its audience.
-
Component and high-fidelity layout designs using Utopia fluid responsive design approach.
-
Incorporate 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.
What changed because of my work?
Ingenia’s website evolved from struggling to showcase its content to becoming a clean, accessible, and user-friendly reading experience. The redesign gave prominence to articles and created a stronger connection with young adult readers.
Why does this matter?
Ingenia plays a role in shaping how the public, especially future engineers, perceives the field. By making the content more engaging and accessible, the redesign helped strengthen its influence and extend the reach of the Royal Academy of Engineering’s work.
