About the project
Discover the evolution: My redesign of the National Museum in Prague’s website focuses on user-centric simplicity, modernizing the interface and offering a unique perspective. Dive deeper to explore how this project combines innovation with enhanced user experience.
Before embarking on the redesign project, I encountered significant challenges with the National Museum's website. The existing site suffered from poor navigation, an abundance of irrelevant information for visitors, making it easy to get lost, and difficulties in finding pertinent information due to extensive text. Additionally, the design was outdated, further contributing to user dissatisfaction and usability issues.
My goal for the project was to enhance the National Museum's website primarily for visitors, focusing on simplifying the user experience, enhancing visual appeal, reducing textual clutter, and creating a more engaging and attractive interface.
During the research phase, I conducted qualitative research including content analysis, competitor analysis, surveys, and in-depth interviews. This comprehensive approach enabled me to develop an effective informational structure, gain insights into the strengths and weaknesses of the website, create detailed personas, and formulate strategic solutions to enhance the user experience and address key challenges.
Design process
Define
Research & analysis
Design
Define problem
Competitor analysis
Personas
User flows
Informational structure
Solutions
Surveys
In-depth interviews
Sketches
Wireframes
Design concept
Prototype
Design system
User persona
Marie, 24y.o. student from Germany. Get information about current exhibitions to expand her knowledge of culture and history, as well as the opportunity to purchase a student card.
- Story behindMarie likes to travel and likes to know new cultures. Since she travels often, it is difficult for her to plan everything in advance and she does not know where she will be on a certain day and what she will do. As a student, she can’t afford expensive things.
- Conext of useShe uses the site to plan her tourist trip, looks at the exhibitions on those dates and chooses the one she likes best, and has a student discount. She prefers to buy a ticket directly at the museum at a student discount.
- BarriersDifficulty finding information about exhibitions on the website.
Each country has its own rules for visiting a museum.
There may be no student discounts.
Informational structure
After conducting research, competitor analysis, and assessing the strengths and weaknesses, it was decided to simplify the website structure and make it more user-friendly. Only relevant and useful information for museum visitors was retained on the website.
Sketches
Before diving into wireframe creation, I first translated my ideas into detailed sketches for each page. This initial step allowed me to visualize the layout and functionality, ensuring a clear and effective design from the outset.
Low-fi & High-fi wireframes
Home page
Visit us page
Program page
UI kit
Familjen Grotesk font is used to show the modern look, something fresh and new. This font was used in capital letters for headings or main messages.
It is a good pair for Familjen Grotesk. Also modern, simple and clear. Was used in body texts.
This font was used for accents, as something unexpected, and also to connect modern with herritage and history.
Typography
Color pallete
Components
#f2f2f2
#e8e8e8
#e0e0e0
#b3b3b3
#969696
#1b1b1b
#c90004
Grids
53px
20px
90px
20px
Final design
Program page
Visit us page
Home page
History page
Comparison
In summary, the new pages are cleaner and modern. The blocks are structured and easy to navigate. The design is bold with a touch of brutalism, yet elegant, reflecting our connection to heritage and history.
The home page features a more spacious design, with ample "air" around each block. While there is less text, all important information is still present. The page is now more interactive and visually appealing, inviting users to scroll and explore the content.
The Visit Us page merges two older pages into one, optimizing the user experience. Visitors no longer need to click multiple times to find museum information. At the top, a switcher allows easy selection of the museum, displaying all relevant details on a single page.
Home page
Visit us page
Before
After
Before
After
Check other projects
Revamp of the IKEA E-commerce site to transform shopping experience
Design of a mobile podcast app with simple features
Check other projects
Revamp of the IKEA E-commerce site to transform shopping experience
Design of a mobile podcast app with simple features