The Mensa Czechia Website Redesign

Duration: Feb 2022 – May 2022

Client: Mensa Czechia

Visualisation of the Mensa Czechia website styles

Mensa is an international non-profit organisation that unites highly intelligent people. Mensa Czechia was established in 1991 and provides testing and services for adults and kids. This was the first-ever redesign necessary to make the website more accessible and responsive.

My Role

  • Research
  • Wireframes
  • UX & UI Design
  • WP Development
  • Testing
Desktop and mobile screens mockup for the Mensa website

Problems

  • The website was not responsible and users were not able to navigate through the website on mobile devices.
  • The website was cluttered with unnecessary information lacking structure and hierarchy.
  • Long texts on the website were 12px and hard to read.
  • Booking IQ testing user journey (the main reason for visiting the website) was complicated and hard to find.

Goals

  • Design and build a responsive website, tested and customized for different browsers and devices.
  • Streamlined textual information that is easy to find thanks to clear and logical navigation.
  • Make the important texts large enough for all devices.
  • Design an intuitive, quick flow for booking an IQ test where the users can easily choose the date and place of the test.
Before and after – the Mensa Czechia Homepage

The old Mensa homepage contained too much information, unclear titles and few broken links. To streamline the information I first read all the texts on the website and checked for duplicities. The textual information ended up being 65% shorter, while still containing all the important information.

After that, I worked on the Information Architecture of the entire website using a Card Sorting method. This helped me to create a logically structured top navigation menu.

To determine what information should be on the homepage I used data from Google Analytics and conducted stakeholder interviews. This helped me to learn more about Mensa activities and the needs and goals of Mensa members and the general public. We determined that the main goal of new users is to find information about IQ testing and book a test appointment, while the needs and goals of Mensa members vary depending of their location, age and life situation.

Before and After – the Contact page

Contact page

Mensa Czechia is driven by several people organising Mensa’s activities. Testing events, Special Interest Groups (SIGs), Logical Olympics (a yearly competition for +100k children) and much more. Users might require assistance from their local IQ tester or SIG organiser. To make finding contact information easier I created several scrollable buttons that help them find the person they are looking for.

Before and After – the Pricing pages

Book IQ Test screen and a Pricing screen

My favourite deliverables for the Mensa Czechia were the Book IQ Test screen and a Pricing screen. The administration team of Mensa was struggling with people failing to book appointments online and paying the wrong amount for either a membership or testing fee. I visualised the membership fees based on the member type and time of payment. I added the QR code for a quick bank transfer option.

For the Booking screen, I created a registration form wireframe that my Mensa colleague built and connected with the Mensa intranet. We worked together on the conditional logic and field dependencies.

Both screens now help the users find the necessary information and save the Mensa administration team a lot of time as they have no site visitors calling them to ask for help.

Diferent screens of the new website showcasing the colors, shapes, elevation and typography

Conclusion

The redesign of the Mensa Czechia website aimed to address several issues: lack of mobile responsiveness, cluttered information, small text size, and a complicated IQ test booking process. The redesign involved streamlining textual information, creating a logical navigation structure, and designing a user-friendly booking system. The updated website now features improved accessibility, easier navigation, and an intuitive booking process, significantly enhancing user experience and reducing administrative burdens.