Responsive Design - Canadian Museum For Human Rights Manitoba
Overview
I was assigned to create the CMHR website for narrow screens, such as mobile devices, and for users with visibility issues. Additionally, I had to consider alternative solutions for the hamburger menu.
My Role
Duration
Software
UX Research Designer
3 weeks
Figma
Task Flow
The process began with conducting user interviews using the old design on a narrow screen. I asked users to find specific menus, analyzed their observations and results, and then created a wireframe along with components. Finally, I conducted user interviews again with the new responsive design.
What is Potoba
The Canadian Museum for Human Rights (CMHR) in Winnipeg is dedicated to exploring and promoting human rights globally. Through exhibits and interactive displays, it educates visitors about historical and contemporary human rights issues, inspiring action towards equality and dignity for all. Using innovative technology, like redesigned websites for mobile accessibility, the CMHR fosters reflection and empowers visitors to advocate for positive change.
Problem Statement
The landing page features a logo, a visit button, a hamburger menu, and a yellow banner. Users had to repeatedly click on the hamburger menu to navigate to other sections or tabs. Notably, there was no specific tab for “Book Ticket,” which was uncommon for a museum website.
When users scroll down, the yellow banner disappears, causing an annoying scrolling animation for users.
Color Palette
<span data-metadata=""><span data-buffer="">#FABE36
#<span data-metadata=""><span data-buffer="">C13B3B
#<span data-metadata=""><span data-buffer="">#000000
<span data-metadata=""><span data-buffer="">#FFFFFF
Typograpghy
Font style
Font weight
Font size
Poppins
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n
o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
Regular
14 px
Wireframe
Design
