![](https://static.wixstatic.com/media/71883c_2d8cf122140a4937b217456f9feaef2c~mv2.jpg/v1/fill/w_147,h_63,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/hero.jpg)
Tokyo to Wakayama. Spirited Away
Japanese tourism boards Tokyo Tokyo & Visit Wakayama partnered with CNN International Commercial for a digital content campaign, with the finished site showcasing an eight-day travel itinerary in the regions. We were tasked with bringing to life a diverse range of activities, ranging from explorations in Tokyo’s vibrant city centre, to trekking through Wakayama’s serene natural spaces.
The objective of the campaign was to increase interest in both Tokyo and Wakayama as tourist destinations and to highlight the convenient ease of transport between the two locations. The campaign was specifically designed to target long-haul tourists.
My Role
Art direction
UI design
Company
CNN | Tokyo Tokyo & Visit Wakayama
Heading typeface
Subheading typeface
#1D4343
#215858
#F9F9F9
![](https://static.wixstatic.com/media/71883c_d41ac670fa9a41fa8f64c165ac502366~mv2.jpg/v1/fill/w_147,h_98,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/hongu_taisha.jpg)
![](https://static.wixstatic.com/media/71883c_7262a5efa986473a9d9655e0a09ecda4~mv2.jpg/v1/fill/w_147,h_92,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/ui.jpg)
Tokyo isn’t one of the world’s most visited cities for nothing, and no trip to Japan is complete without at least a few days in the capital before heading to Wakayama, Japan’s spiritual heartland.
![](https://static.wixstatic.com/media/71883c_4ed38fe597f54ee9bff7b47b9983cb8c~mv2.jpg/v1/fill/w_147,h_91,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/small-BG-Blur.jpg)
![](https://static.wixstatic.com/media/71883c_36cd12f1ec0b4bb0a5ffc47fa3c7add8~mv2.png/v1/fill/w_70,h_105,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/mob-nav.png)
mobile navigation
![](https://static.wixstatic.com/media/71883c_4ed38fe597f54ee9bff7b47b9983cb8c~mv2.jpg/v1/fill/w_147,h_91,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/small-BG-Blur.jpg)
![](https://static.wixstatic.com/media/71883c_4d522a18bbe14253bbc04f0f557b8660f000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_4d522a18bbe14253bbc04f0f557b8660f000.jpg)
desktop navigation
Visual Identity
A trip to Japan offers everything, from Tokyo's unforgettable city adventures to Wakayama's tranquil mountain trails and thousand-year-old hot springs. It’s a country of contrasting experiences that are so close together, yet worlds apart.
The goal of the art direction was to highlight these experiences through rich photography that is housed in a bespoke, elegant and fluid site aligned with the values of the CNN audience.
Tokyo to Wakayama horizontal scroll divider
![](https://static.wixstatic.com/media/71883c_968b8e1345294429a37901dd00713cc0f000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_968b8e1345294429a37901dd00713cc0f000.jpg)
![](https://static.wixstatic.com/media/71883c_4ed38fe597f54ee9bff7b47b9983cb8c~mv2.jpg/v1/fill/w_147,h_91,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/small-BG-Blur.jpg)
![](https://static.wixstatic.com/media/71883c_4373ad72dc764da3a736803fb0a151fff000.jpg/v1/fill/w_57,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_4373ad72dc764da3a736803fb0a151fff000.jpg)
![](https://static.wixstatic.com/media/71883c_f6eff9186afc4ef5a3b0c65b30fa226a~mv2.png/v1/fill/w_70,h_105,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/mob-frame.png)
mobile carousel
![](https://static.wixstatic.com/media/71883c_4ed38fe597f54ee9bff7b47b9983cb8c~mv2.jpg/v1/fill/w_147,h_91,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/small-BG-Blur.jpg)
![](https://static.wixstatic.com/media/71883c_2203b277bd08460cb1883c4ee403e43bf000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_2203b277bd08460cb1883c4ee403e43bf000.jpg)
desktop horizontal scroll & carousel
Additonal shots
![](https://static.wixstatic.com/media/71883c_20810e8a5db642ee96347b17ae8ed323~mv2.jpg/v1/fill/w_147,h_91,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Hero-desk.jpg)
![](https://static.wixstatic.com/media/71883c_634fbd4c69e84adc806077ab460dabae~mv2.jpg/v1/fill/w_156,h_96,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Desktop-1.jpg)
![](https://static.wixstatic.com/media/71883c_492cadf28c984a96ab3eb0bd0e399a77~mv2.jpg/v1/fill/w_156,h_96,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Desktop-2.jpg)
![](https://static.wixstatic.com/media/71883c_7ab7d42f5d5546b4960210940d61a689~mv2.jpg/v1/fill/w_156,h_96,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Desktop-3.jpg)
Tokyo day 2 itinerary
![](https://static.wixstatic.com/media/71883c_ae178d01af0449f7b7774e4f0aa13618~mv2.jpg/v1/fill/w_147,h_698,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Day-2.jpg)
Tokyo day 1 itinerary
![](https://static.wixstatic.com/media/71883c_cf6010b3fa3e4d7ab68822fae6f83af8~mv2.jpg/v1/fill/w_147,h_691,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Day-1.jpg)
![](https://static.wixstatic.com/media/71883c_0ce1a67d419e43069a51f6a5d36bfa39~mv2.jpg/v1/fill/w_147,h_69,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/TEST.jpg)
![](https://static.wixstatic.com/media/71883c_8d6dd2ebe1374fcf8063262446f367fdf000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_8d6dd2ebe1374fcf8063262446f367fdf000.jpg)
Wakayama day 5 itinerary
![](https://static.wixstatic.com/media/71883c_1cc0a0cd26a54d7290c501cc62624e53~mv2.jpg/v1/fill/w_94,h_1305,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Day-4.jpg)
Wakayama day 5 itinerary
![](https://static.wixstatic.com/media/71883c_6a75e3f4cdde4c6db88b31c26b2e1337~mv2.jpg/v1/fill/w_147,h_740,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/day-5.jpg)
![](https://static.wixstatic.com/media/71883c_262f8190ebb4431d959332d5f8353d33~mv2.jpg/v1/fill/w_147,h_170,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Desktop-Route-info.jpg)
UI Elements | Sticky eight-day itinerary navigation. Sticky buttons accessing transport & locations information. Scroll activated horizontal content blocks and carousels.
Route Information Page
![](https://static.wixstatic.com/media/71883c_d2ca635837cf4bf490893470946c08c7f000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_d2ca635837cf4bf490893470946c08c7f000.jpg)
Call to Action | Scrolling leading down to the client video and then to the campaign call to action.
Next Project
![](https://static.wixstatic.com/media/71883c_74e38655e5dc4e9fab75b88d324c8848f000.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/71883c_74e38655e5dc4e9fab75b88d324c8848f000.jpg)
Hero | Automated changing background image to showcase a range of destinations