Case Study: Responsive Website Redesign
The UN LGBTIQ+ Standards Gap Analysis Tool is designed to help companies do their part to promote LGBTIQ+ inclusion in the workplace and beyond. The Tool is a free, user-friendly and confidential online platform that helps companies assess current policies, highlight areas for improvement, and identify opportunities to set future corporate goals and targets. The Tool assists businesses to meet their human rights responsibilities and become active agents of change.
This project focuses on the redesign of the core landing pages for the UN LGBTIQ+ Standards Gap Analysis Tool. Because the platform is strictly confidential and requires sign-in, one of the challenges is to entice businesses to register and participate. The ultimate objective is to help businesses to take the assessment seamlessly on this website. An intuitive navigation needs to ensure that the returning users can recall the user interface quickly and understand how to use the website on their subsequent visits.
Another standard UN goal is to support non-English speakers. A multilingual platform is an essential requirement to many UN products. Additionally, the website needs to accommodate various abilities by providing well-organized information and clean design.
The website design needs to align with the UN branding. From a visual standpoint, the original design needs improvement in the placement and use of various elements to communicate better with target audiences. For example, the imagery needs to represent the LGBTIQ+ community. The same elements and hierarchy should also be presented inside the Tool when users login.
Summary of issues with the initial (old) design:
The initial Tool’s landing pages lack proper structure and hierarchy. The first step in this process is to reassess the structure and revamp confusing navigation options. The language option deserves its own secondary menu treatment. The goal is to also think of future navigation, such as a page for additional resources, as this tool continues to grow.
Branding & Look
The UN Global Compact and the United Nations Human Rights Office of the High Commissioner brands come with certain brand restrictions and guidelines. The UN’s business-friendliness and voice of authority on principles-based approach are the core characteristics of both brands that have to be visually presented in the final website. The human focus is also very important to both brands. All images need to be authentic, non-exploitative and representative of the LGBTIQ+ community without perpetuating stereotypes.
A several mockups are presented to the client from a modern, full-screen photo option to a more traditional look, similar to other existing UN microsites. As a result, a combination of traditional and modern look is implemented in a final product. The product is still growing its momentum after its successful launch in 2022.
Two mobile version proposals: (1) showcasing the entire menu on top; (2) a hamburger menu style