G-BO

English

G-BO

English

G-BO

English

All work

Buddha Museum

Buddha Museum

Client: Fo Guang Shan

Client: Fo Guang Shan

Role: UX/Visual Designer @Ogilvy

Role: UX/Visual Designer @Ogilvy

Date: Aug. 2020

Date: Aug. 2020

View Live Page

Project Points
Project Points
＃Website Redesign ＃Positioning Definition
＃Information Architecture Restructuring ＃Appealing Interface
＃Website Redesign ＃Positioning Definition
＃Information Architecture Restructuring ＃Appealing Interface
Project Role
Project Role
＃UX Design ＃Visual Design ＃Information Architecture Design ＃Market Research ＃Product Positioning Analysis ＃Design Lead
＃UX Design ＃Visual Design ＃Information Architecture Design ＃Market Research ＃Product Positioning Analysis ＃Design Lead

About
Fo Guang Shan
Buddha Museum

About
Fo Guang Shan
Buddha Museum

The current website, established over a decade ago, lacks the modern usability standards necessary to engage contemporary users effectively. To remain relevant and appeal to younger generations, it requires a comprehensive update to align with current design trends and user expectations.

Moving forward, there is a vision for the Buddha Museum to transition into a prominent tourist destination. The website content must be revamped to captivate both domestic and international tourists, transforming the museum into an inclusive destination accessible to all.

The current website, established over a decade ago, lacks the modern usability standards necessary to engage contemporary users effectively. To remain relevant and appeal to younger generations, it requires a comprehensive update to align with current design trends and user expectations.

Moving forward, there is a vision for the Buddha Museum to transition into a prominent tourist destination. The website content must be revamped to captivate both domestic and international tourists, transforming the museum into an inclusive destination accessible to all.

Problem

Problem

The Buddha Museum's website has been operational for over a decade, featuring a complex structure and outdated content. Its framework deviates significantly from modern user expectations, resulting in challenges for ordinary visitors to navigate and locate relevant information efficiently.

While the website offers a broad spectrum of information, the majority of its content caters primarily to Buddhist practitioners rather than appealing to the broader audience the Buddha Museum aims to engage in the future. Additionally, it lacks emphasis on showcasing the distinctive attributes of the Buddha Museum and its diverse collection of cultural relics.

The Buddha Museum's website has been operational for over a decade, featuring a complex structure and outdated content. Its framework deviates significantly from modern user expectations, resulting in challenges for ordinary visitors to navigate and locate relevant information efficiently.

While the website offers a broad spectrum of information, the majority of its content caters primarily to Buddhist practitioners rather than appealing to the broader audience the Buddha Museum aims to engage in the future. Additionally, it lacks emphasis on showcasing the distinctive attributes of the Buddha Museum and its diverse collection of cultural relics.

Information Architecture/before

Information Architecture/before

The website suffers from content fragmentation, where information is dispersed across multiple sections without a clear organizational structure. This lack of cohesive guidance forces users to engage in meticulous searching to access relevant information.

Visual & UI Design/before

Visual & UI Design/before

The website's visual design and color palette do not effectively convey the reverence of religious traditions nor the artistic aura associated with religious artifacts. Predominantly text-based interface planning gives the impression of an informative resource rather than capturing the essence of a sacred institution.

Our Design Flow

Our Design Flow
Research & Analysis
Research & Analysis

Utilized tools like Google Analytics and SimilarWeb to analyze visitor demographics and behaviors. Conducted interviews with museum staff to gain insights into current visitor needs. Studied content and sitemaps of similar international museum websites.

Utilized tools like Google Analytics and SimilarWeb to analyze visitor demographics and behaviors. Conducted interviews with museum staff to gain insights into current visitor needs. Studied content and sitemaps of similar international museum websites.

Definition
Definition

Employed the "Why me," "For whom," and "Who am I" framework to redefine the website's purpose and audience.

Employed the "Why me," "For whom," and "Who am I" framework to redefine the website's purpose and audience.

Design
Design

Based on the new strategic direction, crafted a revised information architecture and user-friendly flow for the website.

Based on the new strategic direction, crafted a revised information architecture and user-friendly flow for the website.

Development
Development

Collaborated with external UI designers to ensure consistency in visual mockups. Produced high-fidelity prototypes and collaborated closely with development teams for implementation, debugging, and testing.

Collaborated with external UI designers to ensure consistency in visual mockups. Produced high-fidelity prototypes and collaborated closely with development teams for implementation, debugging, and testing.

RESEARCH

mobile traffic 74 %

mobile traffic 74 %

The peak traffic occurs during the annual event periods in October and January.

The peak traffic occurs during the annual event periods in October and January.

The average time users spend on the site is 2 mins

The average time users spend on the site is 2 mins

Top20 Facebook page

Top20 Facebook page

Users discover websites through targeted keyword searches.

Users discover websites through targeted keyword searches.

The main categories of “Like” in groups

The main categories of “Like” in groups

Currently, the traffic performance of the Buddha Museum website is consistent, catering well to the interests of Buddhism enthusiasts and visitors attending specific events. However, there's a notable absence of content tailored to engage the younger demographic and spark their interest in visiting the site.

Currently, the traffic performance of the Buddha Museum website is consistent, catering well to the interests of Buddhism enthusiasts and visitors attending specific events. However, there's a notable absence of content tailored to engage the younger demographic and spark their interest in visiting the site.

INTERVIEW

In an effort to provide a family-friendly experience with minimal planning, there's a focus on highlighting attractions and recommended itineraries. This includes seeking a comprehensive list of recommended attractions to ensure no unique site is missed and to facilitate detailed trip planning. Additionally, browsing and gathering information online remains essential for trip planning and exploration. However, it's noted that the website requires updating of information and an overall redesign to enhance its visual appeal and functionality.

Website position

Website position

Following thorough user research and analysis, as well as examination of both domestic and foreign index attraction websites, the team proceeded to realign the website based on the needs of customers and users. This realignment was guided by the strategy triangle approach, ensuring a more cohesive alignment of goals between the museum and the development team for the website revision positioning.

Following thorough user research and analysis, as well as examination of both domestic and foreign index attraction websites, the team proceeded to realign the website based on the needs of customers and users. This realignment was guided by the strategy triangle approach, ensuring a more cohesive alignment of goals between the museum and the development team for the website revision positioning.

"A world-class museum offering a leisurely tour and interactive experiences to immerse visitors in the spirit of Buddhism."
"A world-class museum offering a leisurely tour and interactive experiences to immerse visitors in the spirit of Buddhism."

Strategy of redesign

Strategy of redesign
Visual style

Bridge modernity with traditional culture through captivating imagery, while maintaining an intuitive information hierarchy for a personalized user experience.

Bridge modernity with traditional culture through captivating imagery, while maintaining an intuitive information hierarchy for a personalized user experience.

Mobile fit

Optimize browsing experience through Responsive Web Design (RWD), ensuring seamless functionality across various platforms including desktops, mobile devices, and tablets.

Optimize browsing experience through Responsive Web Design (RWD), ensuring seamless functionality across various platforms including desktops, mobile devices, and tablets.

Search

Streamline and simplify information architecture, offering clear guidance and intuitive navigation to facilitate efficient search and easy access to desired content.

Streamline and simplify information architecture, offering clear guidance and intuitive navigation to facilitate efficient search and easy access to desired content.

Experience

By crafting an experience design tailored to meet the needs and usage patterns of younger generations, we bridge the gap and foster closer engagement.

By crafting an experience design tailored to meet the needs and usage patterns of younger generations, we bridge the gap and foster closer engagement.

Design Deliverables

Design Deliverables
Information Reorganization :
Consolidating and Categorizing Website Content
Information Reorganization :
Consolidating and Categorizing Website Content
Information Reorganization :
Consolidating and Categorizing Website Content
Content Consolidation and Categorization for Enhanced User Experience

By reviewing existing content and anticipated updates, we've compiled and summarized information into four user-centric categories. Utilizing forms and examples, our objective is to aid staff in reorganizing website content, removing outdated or redundant information, while integrating necessary updates.

Prioritize Vital User Information and Optimize Website Structure

Identify critical user information and tailor its placement based on usage patterns and needs. Enhance the website's information architecture to optimize user experience, streamline process flows, introduce necessary functionalities, all while retaining essential site content.

Partial Display of Wireframe Prototypes
Partial Display of Wireframe Prototypes
Partial Display of Wireframe Prototypes

Illustrating partial wireframe prototypes to visualize the layout and structure of key sections of the interface, providing a glimpse into the design direction and functionality of the upcoming digital product.

Illustrating partial wireframe prototypes to visualize the layout and structure of key sections of the interface, providing a glimpse into the design direction and functionality of the upcoming digital product.

UI Visual Design
UI Visual Design
UI Visual Design
Design A
black and gold //
black and gold //
Larger, Calmer Tones Enriched by Black, Accented with Gold Details.
Larger, Calmer Tones Enriched by Black, Accented with Gold Details.
Design B ( picked )
Design B ( picked )
midnight blue //
midnight blue //
Inspired by the serene hues of the Buddha's aura, echoing the tranquil tones of the sky.
Inspired by the serene hues of the Buddha's aura, echoing the tranquil tones of the sky.
Ready to work toghther ?
gibo0431@gmail.com
© G-BO 2024
Ready to work toghther ?
gibo0431@
gmail.com
© G-BO 2024
Ready to work toghther ?

gibo0431@
gmail.com

© G-BO 2024