inclusive language guide microsite
I designed and built an online Inclusive Language Guide for English Heritage. I worked closely with the Equality- Diversity and Inclusion (EDI) team and was responsible for initial research, wire-framing, prototyping, user testing, visual design and build. Key considerations were accessibility, responsiveness across devices and ease of updating (due to the rapidly evolving nature of the field of EDI).
English Heritage
UI/UX | Web Design | Accessibility
Wireframing
Using Adobe XD, I transformed a written document into wireframes. I separated the content into relevant pages with clear headings, presenting information in a logical and engaging way. Each page follows a consistent layout for easy navigation and comprehension.
English Heritage’s EDI and content teams reviewed the wireframes, and I incorporated their feedback to meet client requirements. For example, I simplified interactive components to address accessibility concerns, ensuring a straightforward user experience.
Style Development
I mocked up three visual approaches for the client. They chose the third option for its friendly color palette, effective cutout highlighting of people, and flexible mix of photography and iconography.
A stakeholder noted that some textures were overwhelming for her as a neurodivergent individual. I researched suitable textures and revised the design accordingly. Additionally, I conducted colour contrast testing to ensure text legibility met WCAG requirements.
FINAL DESIGN AND BUILD
Using Vev, a no-code web builder platform, I built the final microsite. I created page layouts based on my wireframes and adjusted them for tablet and mobile devices. After extensive testing with stakeholders, I styled each page with approved text, colours, and imagery to complete the guide.
