top of page
NASCA. PERU
Searching for Traces in the Desert
NASCA. PERU
Searching for Traces in the Desert
Tiziana Bucher
Let's bring your ideas to life.
With graphic and UX design.
![Tiziana 406.jpg](https://static.wixstatic.com/media/7e5d0e_05aef49d1efb446ea97235593ab75a01~mv2.jpg/v1/fill/w_420,h_588,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Tiziana%20406.jpg)
![landingpage.png](https://static.wixstatic.com/media/7e5d0e_0e2f1cb8cf9d4302880243f23850080a~mv2.png/v1/fill/w_80,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/7e5d0e_0e2f1cb8cf9d4302880243f23850080a~mv2.png)
Improving a feature for the E-commerce site of Costco
UX Case Study
NASCA
at Museum Rietberg
NASCA
at Museum Rietberg
NASCA
at Museum Rietberg
TIZIANA BUCHER
Designer
TIZIANA BUCHER
Designer
TIZIANA BUCHER
Designer
TIZIANA BUCHER
Designer
Anker 1
Case Study
UX Case-study
 06.04.2021 - 07.05.2021
OVERVIEW
This was my last group project from the UXDI Bootcamp at General Assembly. During three weeks, I improved together with a small team an existing website for desktop and mobile.
We chose to dive into ROM’s online presence. How are museums and galleries handling the situation with Covid? Reaching out to the VP of marketing Kathryn Brownlie, she gave us the chance to interview and present our project in the end!
![ROM_home_New_small.png](https://static.wixstatic.com/media/7e5d0e_1619aefcd10a4b06bac9b15e01facbdd~mv2.png/v1/crop/x_186,y_0,w_1995,h_3073/fill/w_453,h_681,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ROM_home_New_small.png)
Improving
ROM’s existing Website
Problem
Rom lost their physical visitors during the Pandemic. Because of poor labelling and search/filter system and the use of small pictures, users don't feel they experience a museum website.
Solution
The Museum created ROM at Home to stay in people's minds. With improvements like using big images, working on positioning content, and building easy access to their online events. And also, correcting their labelling- and navigation system will give our users an easy and intuitive path through ROM's digital content so that they will stay engaged with the ROM community.
Tools
![trello.png](https://static.wixstatic.com/media/7e5d0e_13951466daeb40a2b9c6ee61998d1b79~mv2.png/v1/fill/w_36,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/trello.png)
Trello
![miro.png](https://static.wixstatic.com/media/7e5d0e_8f85a3c88f984a6694df1a7a66ffe1a0~mv2.png/v1/fill/w_36,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/miro.png)
Miro
![figma.png](https://static.wixstatic.com/media/7e5d0e_22ff0bf818c643adac6a420b33e89ab3~mv2.png/v1/fill/w_38,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/figma.png)
Figma
![googledrive.png](https://static.wixstatic.com/media/7e5d0e_9cd4e0dea3534235987397da8b0c2ea0~mv2.png/v1/fill/w_48,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/googledrive.png)
Google Drive
![googledocs.png](https://static.wixstatic.com/media/7e5d0e_fe194a2105964eeab88cd205daa7ab80~mv2.png/v1/fill/w_33,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/googledocs.png)
Google Documents
![photoshop.png](https://static.wixstatic.com/media/7e5d0e_3e899c0890514c05bf3636433d8edc47~mv2.png/v1/fill/w_36,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/photoshop.png)
Photoshop
DISCOVER & RESEARCH
How do we bring people who love the museum to “ROM at Home” for the great content and better showcase the ROM’s online events?
Users are looking...
For Interviews and surveys, I reached out to friends, and my Instagram and Linkedin community. With the collected data from 11 interviews, we created an affinity diagram. It will help define difficulties and make some of the users' pain points more accessible.
...to experience the culture, 
they talked about the physical experience of going to the museum
...to connect with their community, because of a lack of specific events and social interactions, they go on social media to fill those needs.
“Museums make me want to explore and experience emotions.” - Rosy
“I loved the ROM Friday nights where you get to socialize and enjoy special exhibits” - Peter
![“.png](https://static.wixstatic.com/media/7e5d0e_437484fbfb3b437a9fe413206bef7850~mv2.png/v1/crop/x_0,y_5,w_1113,h_836/fill/w_57,h_43,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/_.png)
...to complement their online experience with its theme and content to the actual live experience.
“I use Instagram or Twitter to get more insight on events around the city” - Nivit
“Going to the museum is cathartic 
for me” - Letizia
“I enjoyed finding out insights that I wouldn’t get from the physical museum” - Rosy
“I go on the website to learn more about their featured exhibits” - Letizia
Competitive Analysis
We looked into competitors in the museum space and other physical experience-based businesses. For example, let’s have a look at Ripleys Aquarium and the Met.
![ROM_Competitor 1.png](https://static.wixstatic.com/media/7e5d0e_130f67a14cee4d749775b12cb22a3fd6~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/ROM_Competitor%201.png)
-
Ripley’s Aquariums show their social events directly in their navigation.
-
Have Ripley’s Aquariums at home.
-
Offer Cocktail nights and 24h live shark cam.
-
The Met has a lot of online events, which are easily accessible.
-
The content is shown effective, and with the layout, it's easy to follow.
-
Big images remind users more of a museum.
A Big Shift
We got a 30min interview with the Vice President of the ROM's brand and marketing department Kathryn Brownlie. She gave us a lot of insights into the ROM museum and its goal.
![“.png](https://static.wixstatic.com/media/7e5d0e_437484fbfb3b437a9fe413206bef7850~mv2.png/v1/crop/x_8,y_11,w_1105,h_830/fill/w_73,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/_.png)
“When the pandemic hit, we needed to quickly shift our focus and come up with a plan to engage with the community since they could no longer visit the museum.
We had already been uploading our collection online, but we needed a new program for museum-goers. So we created ROM at HOME to fill this need.”
![1516904280452.jpeg](https://static.wixstatic.com/media/7e5d0e_53c8a571289247b398056882be7d68ae~mv2.jpeg/v1/fill/w_50,h_50,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1516904280452.jpeg)
![Group 2278.png](https://static.wixstatic.com/media/7e5d0e_08c7857f64aa40159e2ea2038990812d~mv2.png/v1/crop/x_2,y_0,w_1179,h_311/fill/w_49,h_13,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202278.png)
DESIGN
How can ROM’s Website improve,
using existing design choices/patterns?
Design guide
For the design language, I looked into the design style guide from ROM’s Website. I was curious how are they using colours, buttons, and typography? The insights I will use later for the prototype.
Landingpage
![GUIDE_WEB.png](https://static.wixstatic.com/media/7e5d0e_dea3b61d6b8347ec94b6aa59c716fe71~mv2.png/v1/crop/x_0,y_19,w_1808,h_5290/fill/w_97,h_285,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/GUIDE_WEB.png)
Used colors in website
752A7E
C93234
FFFFFF
000000
F9F9F9
E5E4DF
F5F5F5
DDDDDD
757575
626262
Font: Arial
![Group 2268.png](https://static.wixstatic.com/media/7e5d0e_656900f71e4f48d2ac8dd57c0a7b2f6b~mv2.png/v1/crop/x_0,y_116,w_584,h_369/fill/w_68,h_43,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202268.png)
Use from text combined with colour
![usecolor.png](https://static.wixstatic.com/media/7e5d0e_719c749fc9e34b6b9c2572a5a65864eb~mv2.png/v1/fill/w_50,h_12,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/usecolor.png)
Buttons & links
![Group 2266.png](https://static.wixstatic.com/media/7e5d0e_4bcbee1b8bc64c78b8c4f30beb2450eb~mv2.png/v1/crop/x_0,y_6,w_443,h_327/fill/w_74,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202266.png)
“There are too many buttons. 
I don’t know what to click.”
“I expected to click on the titles because they look like buttons.”
“The labels don't give me enough information where to go”
![Group 2273.png](https://static.wixstatic.com/media/7e5d0e_783352379fae486e80b93a745816cb6b~mv2.png/v1/crop/x_0,y_0,w_2052,h_1426/fill/w_60,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202273.png)
![“.png](https://static.wixstatic.com/media/7e5d0e_437484fbfb3b437a9fe413206bef7850~mv2.png/v1/crop/x_0,y_15,w_1113,h_826/fill/w_57,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/_.png)
![Group 2271.png](https://static.wixstatic.com/media/7e5d0e_b5b489b7855244b4b16d469fbc5d8592~mv2.png/v1/crop/x_9,y_0,w_1953,h_924/fill/w_62,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202271.png)
“The Website feels disorganized.
I feel lost in the pages.”
![“.png](https://static.wixstatic.com/media/7e5d0e_437484fbfb3b437a9fe413206bef7850~mv2.png/v1/crop/x_5,y_0,w_1108,h_841/fill/w_57,h_43,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/_.png)
“There was interesting content, but it looks unappealing.”
“The titles do not give me enough of a description of what it is.”
![Group 2272.png](https://static.wixstatic.com/media/7e5d0e_335597c203e3403a9d9629b4c22019fa~mv2.png/v1/crop/x_0,y_3,w_1956,h_1309/fill/w_61,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%202272.png)
![“.png](https://static.wixstatic.com/media/7e5d0e_437484fbfb3b437a9fe413206bef7850~mv2.png/v1/crop/x_0,y_15,w_1113,h_826/fill/w_57,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/_.png)
USABILITY
TESTING
How might we help first-time visitors quickly access and engage with the digital content on ROM?
Website redesign
The Museum created ROM at Home to stay in people's minds. With improvements like using big images, working on positioning content, and building easy access to their online events. And also, correcting their labelling- and navigation system will give our users an easy and intuitive path through ROM's digital content so that they will stay engaged with the ROM community.
![Rom-sketches_ALL copy 1.png](https://static.wixstatic.com/media/7e5d0e_e99bf7e72ac9432bbb34b0c15e6fc8bf~mv2.png/v1/crop/x_9,y_0,w_4078,h_1593/fill/w_77,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Rom-sketches_ALL%20copy%201.png)
Sketches
![Rom-sketches_2.png](https://static.wixstatic.com/media/7e5d0e_85917fdfb5714435a3f051c79e78238a~mv2.png/v1/crop/x_62,y_0,w_3972,h_1593/fill/w_75,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Rom-sketches_2.png)
Grey scale wireframes
![Rom-sketches_3.png](https://static.wixstatic.com/media/7e5d0e_8ad57d1c81074b44a451fd3382fd0af8~mv2.png/v1/crop/x_62,y_0,w_3972,h_1593/fill/w_78,h_31,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Rom-sketches_3.png)
First prototype
How do users access online events?
Through surveys, we figured out that many of our users still prefer booking events on their desktops through surveys and interviews. So we focused here on building a prototype for the desktop based on the mobile version.
![Group.png](https://static.wixstatic.com/media/7e5d0e_63bed5e3d20946b580cafb274a93981f~mv2.png/v1/fill/w_60,h_54,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group.png)
![Group-1.png](https://static.wixstatic.com/media/7e5d0e_a358fd1262e349b7a90838e16fd34898~mv2.png/v1/fill/w_60,h_117,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group-1.png)
![Group-2.png](https://static.wixstatic.com/media/7e5d0e_529e3e9d798243329f97fa33a52a4a37~mv2.png/v1/fill/w_126,h_177,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group-2.png)
![Group 2275.png](https://static.wixstatic.com/media/7e5d0e_82c034b9adc04aaaab9270a084409cfe~mv2.png/v1/fill/w_116,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%202275.png)
70%
![Group 2276.png](https://static.wixstatic.com/media/7e5d0e_323ebea437e6473a92430e76a6983710~mv2.png/v1/crop/x_34,y_0,w_830,h_864/fill/w_123,h_128,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%202276.png)
36%
![Group 2277.png](https://static.wixstatic.com/media/7e5d0e_958c14ea6ae347da8392a5d676a6c319~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%202277.png)
8.1%
Before / After
Our design has big images and a new labelling & navigation system, making it easier for users to focus on the museum's happenings. If they want more Infos, they can click on the content or button directly.
I will show you here the before and after landing page and exploring event page. We gave each event more space to breathe, add an eye-catching picture, and make the text more readable.
![before_After3.png](https://static.wixstatic.com/media/7e5d0e_9bc999f73869406e8efb5ce3e190f1e4~mv2.png/v1/fill/w_50,h_23,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/before_After3.png)
![bogen.png](https://static.wixstatic.com/media/7e5d0e_0797855bff224660868ff0733d07bc08~mv2.png/v1/fill/w_155,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/bogen.png)
![bogen.png](https://static.wixstatic.com/media/7e5d0e_0797855bff224660868ff0733d07bc08~mv2.png/v1/fill/w_155,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/bogen.png)
MAIN PAGE
Desktop – 1440px x 1024px
![mainpage_small1.png](https://static.wixstatic.com/media/7e5d0e_6d62960760744c2da6407fd6bb0ab124~mv2.png/v1/crop/x_0,y_32,w_759,h_2957/fill/w_76,h_298,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/mainpage_small1.png)
Mobile – 375px x 812px
![homepage.png](https://static.wixstatic.com/media/7e5d0e_c7818d9e1e6f4a4e819a03fc867e81ca~mv2.png/v1/fill/w_60,h_777,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/homepage.png)
FINAL PRODUCT
![](https://static.wixstatic.com/media/7e5d0e_7ecb0c0c381c400a9c72753a2a3eb554~mv2.png/v1/crop/x_16,y_0,w_3374,h_4500/fill/w_105,h_140,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/iphoneFrame.png)
![MacBook Pro 16.png](https://static.wixstatic.com/media/7e5d0e_9bcc030aca3843b0a1976d36798e1ca0~mv2.png/v1/crop/x_118,y_0,w_6247,h_4500/fill/w_53,h_38,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/MacBook%20Pro%2016.png)
THANKS
FOR
WATCHING!
bottom of page