top of page
Voiage.jpg

VOIAGE

Online Exhibition Website

The online exhibition "Voiage" explores the stories of thesis work, which is a reflection of the changes in PSUIC students who joined forces four years ago up to the present. 

FUTURE IMPACT

In the future, the “Voiage” online exhibition can be further enhanced by introducing more diverse interactive elements to create a more engaging and dynamic user experience. Each project page could also be uniquely designed to reflect the visual style and concept of the individual work, allowing for a more personalized and immersive presentation. These enhancements would enrich the overall browsing experience, strengthen visual identity across projects, and encourage deeper user engagement, with the potential to evolve into a more expressive and flexible digital exhibition platform.

DESIGN IMPROVMENT

After conducting usability testing, several issues were identified that impacted the overall user experience. The homepage was enhanced with more engaging visual elements to improve first impressions and encourage exploration. Typography on the project pages was refined to improve readability and support a clearer content hierarchy. The gallery layout was also adjusted by increasing image sizes and interaction areas, allowing users to view and interact with the content more easily.

USER FLOW

I mapped out the user flow to create a seamless and intuitive browsing experience, guiding users from the entrance animation to project selection, detailed information, and continued exploration. The flow supports clear navigation and encourages users to explore multiple works without interruption.

VOIAGE_USERFLOW.jpg

USABILITY TESTING

A prototype was developed to evaluate the online exhibition website and overall user experience. The usability test was conducted with 9 participants to identify usability issues and interaction challenges.

ISSUE 1: LACK OF VISUAL ENGAGEMENT

The homepage lacked engaging visual elements, making the first impression less appealing and reducing user interest in exploring further.

ISSUE 2: TEXT READABILITY

Typography on the project pages was difficult to read, affecting content comprehension and overall user experience.

ISSUE 3: GALLERY INTERACTION

Gallery images were too small, making it difficult for users to view details and interact (e.g., tap or click) comfortably.

PROBLEM

Thesis exhibitions are often limited to physical locations, restricting access for audiences who cannot attend in person. This reduces the opportunity for wider engagement and visibility of students’ work. There is an opportunity to create a digital exhibition experience that enables remote access while maintaining an engaging and intuitive way to explore the content.

HIGH-FIDELITY WIREFRAME

LOW-FIDELITY WIREFRAME

DESIGN SYSTEM

DesignSystem_Voiage.png

TIMEFRAME

4 months

ROLES

  • Visual Design

  • UXUI Design

  • Prototyping

  • Front-end Developing

SOFTWARE

  • Adobe Illustrator

  • Figma

  • Unity

  • Visual Studio

OBJECTIVE

  • To develop an online exhibition website for audiences who are unable to attend the on-site exhibition

  • To showcase and communicate the thesis projects of 4th-year CMDT students, highlighting their creative journeys and development over the past four years

bottom of page