12/10/2016

Lotte

CLIENT

Lotte

LAUNCH

2016

LOCATION

Vietnam

SERVICES

Advertising/Digital

We released a touching film for Lotte.vn, an e-commerce brand from one of Asia’s top 10 companies. People love the video as it shows them an online shopping journey that’s more authentic than ever before.

Digital TV Commercials

EMAIL
CALL

EMAIL

CALL

Office Mobile 1 Mobile 2

/* ----------------------------------------- */ /* Content Template: Template for Clients - start */ /* ----------------------------------------- */ .featherlight-inner, .featherlight-inner:lang(vi) { display: block !important; overflow-y: hidden; } .featherlight-iframe .featherlight-content, .featherlight-iframe .featherlight-content;lang(vi) { overflow-y: auto; } .banner-area .two-thirds, .banner-area .two-thirds:lang(vi) { float: none; } .banner-area, .banner-area:lang(vi) { margin-bottom:20px; color: #FFF; padding: 30px; background-position: center center; background-size: cover !important; } .banner-area span, .banner-area span:lang(vi) { font-size: 36px; text-transform: uppercase; } .banner-area h1, .banner-area h1:lang(vi) { text-transform: uppercase; font-weight: 800; font-size: 46px; line-height: 50px; } .banner-area p, .banner-area p:lang(vi) { margin-top: 30px !important; } .banner-area a, .banner-area a:lang(vi) { border: 4px solid #FFF; color: #FFF; text-decoration: none; padding: 2px 10px; background: transparent !important; } .banner-area .one-half, .banner-area .one-half:lang(vi) { padding: 50px 30px; } .description, .description:lang(vi) { color: #808184; display: inline-block; padding: 50px 20px 0; width: 100%; } .description span, .description span:lang(vi) { color: #111; text-transform: uppercase; font-weight: 800; font-size: 12px; } .description .one-fourth a, .description .one-fourth a:lang(vi) { color: #58595b; } .description .one-fourth div, .description .one-fourth div:lang(vi) { margin-bottom: 10px; } .description .one-fourth p, .description .one-fourth p:lang(vi) { margin-bottom: 0; font-size: 14px; line-height: 18px; } .client-hashtags a{ margin-right:5px; color: #808184; text-decoration: none; } .client-hashtags a::before { content: "#"; } .client-hashtags a::after { content: ","; } .client-hashtags a:last-child:after { content: ""; } .entry, .entry:lang(vi) { padding: 0; } header.entry-header, header.entry-header:lang(vi) { display: none; } .description .one-fourth, .description .one-fourth:lang(vi) { display: inline-block; width: 20.076923%; } .description .three-fourths, .description .three-fourths:lang(vi) { display: inline-block; } .work-image, .work-image:lang(vi) { padding: 20px 0; width: 100%; max-width: 799px; margin: auto; } .work-image img, .work-image img:lang(vi){ float:left; width:100%; margin-bottom: 20px; } .grey-line, .grey-line:lang(vi) { display: block; width: 30px; height: 3px; background: #808184; margin-bottom: 10px; } .related tbody, .related tbody:lang(vi) { border-bottom: none; background: #f1f1f2; } .related h3, .related h3:lang(vi) { display: block !important; text-align: left; font-size: 34px; } .related h3 a, .related h3 a:lang(vi) { display: inline; text-decoration: none; color: #f37c20 !important; text-transform: uppercase; font-weight: 800; line-height: 30px; } a.slider-button:hover, a.slider-button:hover:lang(vi) { background-color: #f37c20; color: #ffffff !important; } a.slider-button, a.slider-button:lang(vi) { background-color: #f1f1f2; color: #000000; border: 1px solid #f37c20; padding: 5px 8px 5px 8px !important; font-weight: 400; color: #f37c20 !important; margin-top: 20px; } .white-line, .white-line:lang(vi) { display: block; width: 30px; height: 5px; background: #FFFFFF; margin-bottom: 10px; } .addtoany_shortcode:before, .addtoany_shortcode:before:lang(vi) { content: "SHARE"; font-weight: 800; font-size: 12px; margin-right: 10px; color: #58595b; position: absolute; margin-left: -45px; margin-top: 10px; } .addtoany_shortcode,.addtoany_shortcode:lang(vi) { text-align: right; padding: 50px 50px; clear: both; } .addtoany_shortcode img, .addtoany_shortcode img:lang(vi) { margin-left: 10px; } .addtoany_shortcode .a2a_kit, .addtoany_shortcode .a2a_kit:lang(vi) { display: inline-block; } .play-button:before, .play-button:before:lang(vi) { content: url('/wp-content/uploads/2016/06/play-button.png'); } .play-button, .play-button:lang(vi) { font-size: 24px !important; position: relative; vertical-align: middle; } .site-header > .wrap, .site-header > .wrap:lang(vi) { padding: 20px 0 0; border-bottom: 1px solid #bbb; } ul.video, ul.video:lang(vi) { width: 100%; margin: auto; text-align: center; border-top: 1px solid #c3c4c5; padding-top: 45px !important; margin-top: 50px; } ul.video li, ul.video li:lang(vi) { list-style: none; padding: 0; max-width: 799px; margin: 0 auto; margin-bottom: 15px; } ul.video .youtube, ul.video .youtube:lang(vi) { width: 100% !important; max-width: 799px; } .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]), .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]):lang(vi) { background: #fff; } .ytp-large-play-button svg, .ytp-large-play-button svg:lang(vi) { display: none; } .client-hashtags, .client-hashtags:lang(vi){ font-size:16px; } @media only screen and (min-width: 1200px) { .banner-area, .banner-area:lang(vi) { min-height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .banner-area,.banner-area:lang(vi) { min-height: 350px; } } @media only screen and (max-width: 1220px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 36px; line-height: 40px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 27px; } } @media only screen and (max-width: 1024px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi){ font-size: 24px; line-height: 30px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi){ font-size: 20px ; } ul.video li, ul.video li:lang(vi) { list-style: none; padding: 0; position: relative; height: 0; overflow: auto; padding-bottom: 50.5%; margin: 25px; } ul.video iframe, ul.video iframe:lang(vi) { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .work-image, .work-image:lang(vi) { padding: 20px 25px; } ul.video .youtube, ul.video .youtube:lang(vi) { width: 100% !important; max-width: 799px; position: absolute; top: 0; left: 0; height: 100% !important; } } @media only screen and (max-width: 922px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 25px; line-height: 30px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 18px; } } @media only screen and (max-width: 880px) { .banner-area h1 .two-thirds, .banner-area h1 .two-thirds:lang(vi){ font-size: 23px ; line-height: 28px ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 18px; } } @media only screen and (max-width: 767px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 22px ; line-height: 26px ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 16px; } .banner-area, .banner-area:lang(vi) { min-height: 377px; } .site-header > .wrap, .site-header > .wrap:lang(vi) { border-bottom: none; } } @media only screen and (max-width: 480px){ .banner-area p, .banner-area p:lang(vi) { margin-top: 15px !important; } .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 17px !important; line-height: 24px !important ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 16px ; line-height: 16px; } .banner-area .white-line, .banner-area .white-line;lang(vi) { margin: 5px 0; width: 25px ; } .banner-area .banner-area p, .banner-area .banner-area p:lang(vi) { margin: 5px 0 !important; } .description, .work-image, .description, .work-image:lang(vi) { padding: 25px 25px 0; } .addtoany_shortcode img, .addtoany_shortcode img:lang(vi) { margin-left: 0; } .addtoany_list, .addtoany_list:lang(vi) { margin-left: 10px; } .addtoany_shortcode, .addtoany_shortcode:lang(vi) { text-align: center; padding: 18px 0 10px; margin-left: 40px; } .youtube .play, .youtube .play:lang(vi) { background-size: 75px 75px !important; } } .youtube, .youtube:lang(vi) { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; } .youtube .play, .youtube .play:lang(vi) { background: url("http://dinosaur.vn/wp-content/uploads/2017/04/play-icon.png") no-repeat center center; background-size: 160px 160px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; } .youtube .play:hover, .youtube .play:hover:lang(vi) { opacity: 1; filter: alpha(opacity=100); } /* ----------------------------------------- */ /* Content Template: Template for Clients - end */ /* ----------------------------------------- */

WE MADE PEOPLE FEEL CLOSER TO LOTTE.VN BY HIGHLIGHTING THE HUMAN TOUCH IN AN OTHERWISE MECHANICAL ONLINE SHOPPING PROCESS.

Footer

EMAIL

CALL