The National Palace Museum is one of the world’s most significant museums in Taiwan. However, there is a notable inconsistency between the museum's main website and e-commerce site. Moreover, the older version of the e-commerce site is overwhelmed with scattered information and lacks accessibility.
Redesign the e-commerce website to improve accessibility, ensure consistency with the main museum website, and enhance the overall browsing experience.
I revamped the National Palace Museum e-commerce website by defining personas, creating user journey maps, and developing high-fidelity mockups and prototypes to ensure the entire website is accessible to a diverse shopper.
1 UX designer
1 project managers
4 developers
UX Researcher
UI designer
2 months
View prototype
Added a link back to the main museum website and ensured consistent design branding.
Established a clear hierarchy and provided adjustable text sizes to accommodate diverse users.
Implemented breadcrumbs and filters to refine search results efficiently, and enhanced the product page with comprehensive details to minimize hesitation before placing an order.
How might we create an inclusive and streamlined shopping experience for a diverse group?
To start off, I talked with 5 senior executives to gain a comprehensive understanding of their needs and requirements. This helped me determine the appropriate research methods to use to address the stakeholders’ needs effectively.
Executives' needs:
There are four principles for making web content more accessible to people with disabilities.
Ensure all users can see, hear, or sense every element of a design, such as alt text for images and links, and high-contrast color.
Users must be able to successfully use controls, buttons, navigation, and other interactive elements without using mouse.
Make the content easy to navigate and read. Create a clear visual hierarchy that emphasizes headings and content structure with clear instructions and consistent navigation.
Ensure the content remains accessible across various devices and browsers, such as screen readers.
To make the site accessible, predictability is key.
I reviewed other famous museum websites, such as MoMA, Tate, and The British Museum, as well as renowned accessible websites like Nespresso. This helped me identify common best practices and gain insights for creating the most accessible and intuitive design.
Always include images alongside text for better comprehension.
Ensure a clear and well-defined structure with clear indicators.
Use large text to enhance readability.
Consistently provide a link back to the main museum website for easy navigation and brand identity.
I browsed through the entire website and used both manual and automated testing to identify accessibility issues. During this process, I also identified opportunities for future design improvements.
The current website is designed for general users, neglecting the needs of disabilities.
💡 Opportunities:
💡 Opportunities:
💡 Opportunities:
Museum
E-commerce
💡 Opportunities:
Incorporate design elements that align with the museum's branding and include links to museum content. Include lots of pictures to make users easy understand
Implement breadcrumbs and filters to refine search results efficiently. Enhance the product page with comprehensive details to minimize hesitation before placing order.
Simplifying the checkout process by adding express checkout access and clearly displaying progress, making it easier for customers to complete their purchase quickly.
New design was launched in late 2023!
Regrettably, I couldn't finish everything as planned. Upon completing my internship, some designs changed, and there are still several areas that require further refinement. Nevertheless, achieving the milestone of launching indicates that we've met the standards for accessible design, which brings me a great sense of satisfaction and accomplishment.
Adaptability and flexibility
In contrast to the structured research and design processes often found in school projects, the company approach can be quite dynamic, adapting to time constraints and business methods. It demands adaptability and flexibility to navigate changes and deliver successful outcomes effectively.
Storytelling is important
Storytelling plays a pivotal role when presenting proposals to clients or supervisors. It helps create a compelling narrative that captures their attention and conveys the value proposition effectively.