Chu-Ting Fan © 2019

  • email
  • LinkedIn
  • Twitter
  • medium
  • dribbble



ARch, which represents the 'Augmented Reality for Cultural Heritage’, is a mobile app that would enhance museum visitors’ experiences by using innovative technology.


Our client, the School of Architecture at the University of Texas at Austin, came to us and asked for thoughtful solutions for how technology can improve a more interactive visitors' experience. This is a 7-week rapid prototyping project and we were executing on a design to fill some portion of visitors' experience based on the user research conducted by the School of Architecture in advance. The primary goal of ARch is focusing on creating a more interactive and engaging experience for Harry Ransom Center museum visitors for an upcoming exhibit.


For this project, our team focused on ideating possibile solutions based on the research gathered by the School of Architecture. Our design process included generating journey map for better understanding, creating low-fidelity prototypes and high-fidelity mockups, and conducting user testing for the final prototypes and concept video.


Sep. 2017 - Oct. 2017 | Austin


Mural, Paper Sketch, Mac Sketch, InVision, After Effect, Slack

My Contribution

Product Concept

UX Research

User Journey Map


Low-Fidelity Prototype

Usability Testing


High-fi Prototype





As a renowned humanities research library and museum, the Harry Ransom Center (HRC) exhibits items of cultural and historical importance to the general public from all ages and backgrounds to discover and learn. One of the major desires of the HRC is to have each exhibit say something new, and something bigger than just a story. 


However, the main challenge for almost all museums is how to provide an engaging and interactive experience for visitors and how to help people get a deep understanding of these arts & crafts exhibits within the short visiting time or even after their visits.


The School of Architecture was targeting to get funding for an upcoming art exhibit at the Harry Ransom Center. To achieve that, the School of Architecture had reached out to the School of Information for collaborating with concepts to create a more interactive and engaging experience for museum visitors.



Initial Research

Prior to the project started, we first collected individual research on how current museums or other exhibits employ technology to make the visitors experience innovative and interactive. The School of Architecture students had also generated the user research report including the exhibit design, visitor personas, and an overview of exhibit themes and collections.


Therefore, our project started with researching the 4 types of user archetypes and narrowed down our MVP to one persona because of the 2-month time limitation.

Target Audience

Based on the research, we identified there were 4 main user archetypes including the Expert, the Weekender, the Scout, and the Trature Hunter. After team discussion, we decided to narrow down our target audience on the Weekender. We chose the Weekender as the target audience was because the HRC is in a location where a sizable proportion of the surrounding population shares similar personality characteristics to “the Weekender”. Therefore, we decided to emphasis this persona because of the representation in the local area, and their propensity towards technology and likelihood to use an app.

User Journey Map

To have a better understanding of user’s thoughts, feelings, and pain points, we created the user journey map of our target audience’ museum experience based on the research. The experience started from pre-visit, at the exhibition to post-visit. The journey map helped us identify the potential opportunties where our solutions could reach the goal of engaging museum visitors with interactive experiences.

User Journey Map.png

Required Features

Based on the research reports, group brainstorming session, and journey map, we were able to come up with the required features:




I draw the first page-by-page paper sketches to gather our team’s ideas and confirm the product work flow, structures, and features. 


I took the sketches and created the low-fidelity wireframes for the ARch app. To make sure users could understand and know how to use the app, we focused on the most important parts: 

  1. Implement AR feature for users to get further information of each exhibit and also have a social platform to review other visitors comments;

  2. Provide Map for users to get a fully idea of where they are and how many exhibits they have explored. We combined the AR and map to help users find their route for certain exhibits;

  3. Design User Profile for users to explore their journey, route, and comments. This helps users’ post-visit experience. Users could record their journey and check any time after their visit to the museum.

Iterative Testing and Prototyping

We tested our wireframes to with 8 participants from opening the app, leaving comments and seeing others’ comments, using map and finding exhibits through AR, and exploring the profile sessions for recalling the experience.


The insights and feedback we learned from the user testing help us iterated on the 2nd low-fidelity prototype in Marvel App to 2 rounds of high-fidelity mockups and prototypes in Sketch and Axure.

2nd Low-fidelity prototype

2nd Low-fi.png

1st High-fidelity Prototype

Final High-fidelity Prototype




Lesson Learned

Our team had a very intense collaboration and during the design stage, we all tried to help out the mockups. However, we realized it was hard to organized and collaborated because of the separated Sketch files. The feedback we got from the 1st round of high-fidelity prototype also reminded us to reframe our app visual design with the HRC representing red color and reorganized the whole flow to make sure better user experience.

From this project, I especially learned how to follow the process and ideate the possible solutions from other people's research results. To design an experience our users need, we must work closely with the research team and frequently sync with them to make sure we are all in the same page and the design could meet the targeted goal.