2018년 말 도입된 구텐베르크 편집기는 시간 갈수록 안정화되고 이를 지원하는 다양한 블럭들이 늘어나면서 상당히 파워플한 편집기로 거듭나고 있습니다.

1년 정도 지나면 전문 편집기들과 경쟁할만한 수준으로 발전할 것 같습니다. 아직은 자유도가 떨어지지만 그러한 한계를 보완해줄 수 있는 플러그인 등이 많이 등장하고 있습니다.

이러한 블럭 플러그인들은 파워플한 기능과 아름다운 디자인을 쉽게 구현해주는 다양한 블럭들을 지원해주고 있고, 리스트 블럭도 마찬가지입니다.

그렇지만 이런 플러그인에서 지원하는 기능을 사용하려면 절차가 번거롭고 세밀한 조정이가능하기 때문에 한정없이 시간을 투입하게 됩니다. 그래서 가능하면 구텐베르그 편집기가 기본으로 제공하는 리스트 블럭을 사용하는데요.

구텐베르그 리스트 블럭 변경

아무래도 기본형은 디자인이 심심하기도 하고 기본저긍로 좌측으로 너무 붙어 있어 리스트 블럭 효과가 적어집니다. 그래서 간단한 CSS만으로 리스트 블럭 주목도를 높이는 방법을 생가해 봤습니다.

제 사이트에 적용한 모습니다. 아래와 같습니다. 위로부터 각각 모바일과 데스크탑에서 구협 모습입니다.

리스트 블럭 변경 CSS 코드

위와 같은 모습을 구현하기 위해 아래와 같은 CSS 코드를 사용했습니다.

데스크탑과 모바일은 폭을 768px를 경계로 나누었습니다. 그리고 순서가 있는 리스트 블럭과 순서가 없는 리스트 블럭을 나누었고, 순서가 있는 리스트 블럭은 숫자에 조금 데코를 추가했습습니다.

순서가 없는 리스트 블럭

순서가 없는 리스트 블럭의 데스크탑 버젼은 아래과 같은 코드를 적용했습니다.

@media (min-width: 768px) {
    .entry-content ul {
        font-style: italic;
        font-size: 17px;
        font-weight: bold;
        padding-left: 80px;
    }
}Code language: PHP (php)

순서가 없는 리스트 블럭의 모바일 버젼은 아래와 같은 코드를 적용했습니다. 아시다시피 인식하는 폭을 변경해 구분시킵니다.

@media only screen and (max-width: 768px) {
    .entry-content ul {
        font-style: italic;
        font-size: 17px;
        font-weight: bold;
        padding-left: 20px;
    }
}Code language: PHP (php)

순서 있는 리스트 블럭

순서 있는 리스트 블럭의 데스크탑 버젼은 아래과 같은 코드를 적용했습니다. 다만 숫자에 약간 데코를 가했습니다. 이 코든ㄴ GeneratePress 테마 지원팀에서 알려준 코드를 기반으로 수정했습니다.

@media (min-width: 768px) {
ol {
    list-style: none !important;
    counter-reset: item;
    margin-left: 40 !important;
}

ol li {
    counter-increment: item;
    margin-bottom: 5px;
    position: relative;
    font-style: italic;
    font-size: 17px;
    font-weight: bold;
    margin-left: 50px;
}

ol li:before {
    margin-right: 10px;
    content: counter(item);
    border-radius: 50%;
    border-top-color: #3e3e3e;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #3e3e3e;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #3e3e3e;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #3e3e3e;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    color: #3e3e3e;
    width: 1.2em;
    line-height: 1.2em;
    padding: 2px;
    text-align: center;
    position: absolute;
    left: -30px;
}
}Code language: PHP (php)

순서 있는 리스트 블럭의 모바일 버젼은 아래와 같은 코드를 적용했습니다.

@media only screen and (max-width: 768px) {
ol {
    list-style: none !important;
    counter-reset: item;
    margin-left: 0 !important;
}

ol li {
    counter-increment: item;
    margin-bottom: 5px;
    position: relative;
    font-style: italic;
    font-size: 17px;
    font-weight: bold;
    margin-left: 30px;
}

ol li:before {
    margin-right: 10px;
    content: counter(item);
    border-radius: 50%;
    border-top-color: #3e3e3e;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #3e3e3e;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #3e3e3e;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #3e3e3e;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    color: #3e3e3e;
    width: 1.2em;
    line-height: 1.2em;
    padding: 2px;
    text-align: center;
    position: absolute;
    left: -30px;
}
}Code language: PHP (php)

지난 5월 22일, 1918년에 설립되어 무려 102년 역사를 지닌 렌트카 회사인 허츠가 파산보호 신청을 했습니다. 이하에서 간단하게 허츠 파산 이유를 살펴보겠습니다.

그리고 코로나 팬데믹에서 고통을 받고 있는 우버나 리프트도 마찬가지로 엄청난 적자와 매출 감소를 겪고 있음에도 건재한 반면, 102년 역사를 지닌 허츠는 한방에 무너진 이유를 우버와 비교속에서 살펴보겠습니다.

이러는 가운데 102년 전통의 허츠의 파산에서 얻을 수 있는 시사점을 자연스럽게 도출할 수 있을 것으로 기대합니다.

허츠 파산에 이르는 과정

여기서 허츠가 어떤 경로를 거쳐 파산에 이르게 되었는지 배경 등을 이해하기 위해서 시계열로 무슨 일이 일어났는지 정리해 보겠습니다.

표면적인 허츠 파산 이유

위에서 간단히 정리한 허츠가 파산에 이르는 이력을 살펴보면 허츠 파산 이유 몇가지를 살펴 볼 수 있습니다.

감당할 수 없는 부채

어쩌면 근본적인 원인은 허츠는 경영 실패가 누적되면서 과도한 부채를 가지고 있었다는 점입니다.

5월 12일, 20년 1분기 허츠 실적 발표시 공개한 내용에 따르면 3월 말 현재 허츠 부채는 무려 240억 달러에 달했습니다. 반면에 당장 운용할 수 있는 현금은 10억 달러에 불과했다고 합니다.

분기별 실적 자료에서 보고하는 장기 부채(Long term Debt)도 200억 달러가 넘습니다. 20년 1분기엔 장기 부채만 206억 달러에 달했습니다.

코로나 팬데믹

20년 1월 중국에서부터 시작된 코로나 팬데믹은 3월들어 유럽 및 북미로 급속히 확산되면서 허츠 비지니스 주요 영역인 유럽과 미국에서 대부분 비지니스가 중단되었습니다.

그 결과 3월 중순이후 매출이 거의 발생하지 않으면서 운영 자본 확보에 비상이 걸렸습니다. 일반적으로 회사 운영은 회사 보유 현금보다는 영업에서 벌어들이는 현금을 활용하기 마련입니다.

그런데 5월 12일 허츠 20년 1분기 실적 발표 시, CEO 캐서린 마리넬로(Kathryn Marinello)는 매출이 일어나고 있는 사업이 없다고 밝히면서, 사내 적립금으로 버틸 수 있는 시간이 얼마 없다고 밝혔습니다.

가장 중요한 회사 운영 자금 확보처가 사라져 버린 것입니다. 이렇게 영업 활동을 통한 현금 창출이 불가능하다면, 사내 보유금이나 외부 자금 조달을 통해서 운전 자금을 투입해야 합니다.

경영 실패

어느 회사가 망하게 되면 그 원인은 단 하나만 존재하지 않습니다. 그 이전에 수많은 의사 결정의 결과가 누적되어 발생하는 경우가 많죠.

허츠 경영상 경쟁력을 떨어뜨리는 아래와 같은 결정들이 지목됩니다. 이러한 것들이 지속되면서 경쟁력을 잃어갔습니다.

• 허츠 재정 상태가 나빠진 이유는 2012년 4위 렌트카 업체였던  Dollar Thrifty를 23억 달러에 인수에서부터 시작되었다고 지적
  – 이 인수 합병에 수반된 제반 비용을 치루기 위해 히사 부채가 50% 증가한 60억 달러로 증가
  – 또한 무리해서 4위 업체를 인수했지만 그만큼 충분한 시너지를 내지 못했음
  – 미국 시장에서 허츠는 점유율 2위에 머물고 있는 상황
• 허츠는 재정적인 이유로 고객들이 원하는 SUV 대신 소형세단 중심으로 렌트카 라인업을 구비. 이는 적은 돈으로 2배이상의 차량 공급이 가능했기 때문
  그러나 이런 차들은 고객들에게 인기가 없었기 때문에 고객 만족도가 떨어지고 경쟁력이 낮아지는 원인이 되었다고 함
• 소비자 조사를 통해 고객만족도, 품질 그리고 구매자 행동을 조사하는 JD Power에 따르면 2017년 허츠는 헙계 평균을 갓 넘는 4위에 그치고 있었습니다. 이후 개선을 거듭해 2019년에는 1위로 올라섬
• 또한 재정적인 이유로 렌터카 교환주기를 늘렸는데, 그 덕분에 차량 감각 기간을 연장하면서 일시적으로 재정 상를 호전 시켰으나 낡은 차를 배당받은 고객들의 불만이 높아졌고, Avis에 추격의 빌미를 주었음
• 여러가지 이유로 2014년 말, 허츠는 본사를 뉴저지에서 플로리다로 옮겼는데, 이 과정에서 노련하고 핵심적인 직원들이 허츠를 떠나면서 인력관리에 문제가 생겼다는 평가.
  당시 허츠 직원 3/4이상이 떠났다고 함

우버는 살아남고, 허츠는 망한 이유

허츠는 오래전부터 계속된, 누적된 경영 실패, 그로인한 엄청난 부채로 경쟁력이 약화된 상태에서 코로나 팬데믹에 치명타를 맞으면서 파산에 이르게 되었다는 것은 앞에서 정리한 표면적인 이유입니다.

그러나 근본적으로는 차량 공유 서비스와 경쟁하면서 갈수록 경쟁력과 서비자 수요를 잃고 있어 미래 전망이 불확실한 렌터카 시장에서 허츠가 미래에 뚜렸한 성과를 낼 가능성이 적기 대문에 자본 조달에 실패한 이유가 아닐까요?

코로나 팬데믹 이전, 허츠는 안정적으로 성장 중이었다.

허츠는 부채나 경영 실패등을 이미 알고 있고, 그러한 문제를 극복하려는 노력을 오랬동안 기울여 왔고, 최근들어 어느 정도 성과를 내면서 안정화 되고 있었습니다.

• 2018년 2분기부터는 영업이익이 흑자로 돌아서 7분기 연속 흑자를 앴으며
• 2020년 초 4년만에 처음으로 재정이 흑자로 전환
• 더우기 20년 1월, 2월 매출도 6% 성장하는 등 선순환으로 전환되고 있는 상황

JD Power가 조사한 소비자 만족도는 향상되어 ’19년에는 업계 1위에 오름

위에서 잠깐 언급한대로 허츠는 재정적인 이유로 고객들이 원하는 SUV 대신 소형세단 중심으로 렌트카 라인업을 구비했었습니다. 이는 적은 돈으로 2배이상의 차량 공급이 가능했기 때문이죠.

그러나 고객들이 선호하는 렌트카는 SUV였기 때문에, 이런 소형 세단 추천은 고객들에게 인기가 없었습니다. 선택 여지가 적은 것은 고객 만족도 하락으로 이어지고, 경쟁력이 낮아지는 원인이 되었습니다.

또한 허츠는 재정적인 이유로 렌터카 교체 주기를 늘렸습니다. 그만큼 중고 렌터카를 오래 운영하기로 한것이죠. 그 덕분에 차량 감각 기간이 연장되고 일시적으로 재정 상활을 호전 시킬 수 있었습니다.

그러나 이런 정책은 필연적으로 낡은 렌터카를 배당받은 고객들의 불만이 높아졌고, 허츠 고객만족도 하락으로 이어졌습니다.

소비자 조사를 통해 고객만족도, 품질 그리고 구매자 행동을 조사하는 JD Power에 따르면 2017년 허츠는 헙계 평균을 갓 넘는 4위에 그치고 있었습니다.

그러나 이후 고객만족 개선 활동을 통해 2018년에는 2위로 올라섰고, 2019년에는 업계 1위로 올라섰습니다.

요컨데 과거 허츠 경영 실패는 꾸준한 개선 노력을 통해서 점점 고객만족도 등등이 개선되고 있는 상황이었습니다.

렌터카 시장의 비관적인 전망이 허츠 자금 조달을 결정적으로 무산시킨 듯

3월 중순이후 코로나 팬데믹으로 매출이 끊기면서 운전자금을 확보하기 위한 외부 자금 조달이 필요했지만, 코로나 팬데믹으로 경제가 불안정한 상황 등등 여러가지 이유로 자금 조달에 실패하면서 파산에 이르게 되었엇습니다.

1년정도 운전자금 조달은 상대적으로 어렵지는 않음

일반적으로 회사가 비젼이 있다면 1년정도 운영할 수 자금을 조달하는 것은 그리 어려운 일이 아닙니다.

코로나 패데믹이 절정으로 달려가고 있어 비록 위축된 상황이지만, 자본 시장은 작동하고 정상적으로 있었기에 자금 조달은 불가능하지 않앗습니다.

20년 4월 코로나 팬데믹으로 여행객이 급감하면서 매출이 급감한 에어비엔비는 이 어려운 상황에서도 20억 달러를 추가 조달했습니다.

렌터카 시장의 어두운 전망이 허츠의 앞길을 막다

허츠가 자본 시장에서 운전 자금 조달에 실패한 이유는 렌트카 산업 전망 자체를 부정적으로 보기 때문에 가까운 미래에 희망적인 성장 가능성이 낮다고 시장에서 판단하기 때문입니다.

아래 비지니스 여행 시 렌터카와 택시 그리고 차량 공유 서비스의 점유율 추이를 살펴보면 택시와 렌터카 점유율은 빠르게 감소하면서 점점 그 존재 자체로 희미해지고 있습니다.

이러한 것은 주식 시장에도 그대로 반영되고 있는데요.

월스트리트저널 보도에서 인용한 1년전과 비교해 주가가 어떻데 변했는지를 보면 렌트카 업체들은 폭락을 면치 못했고, 우버와 리프트는 코로나 팬데믹임에도 다시 상승하는 모습을 보여주고 있습니다.

9분기동안 한번도 흑자를 내내 못한 우버는 승승 장구

한편 차량 공유업체인 우버는 우리가 실적을 확인할 수 있는 9분기동안 한번도 영업이익을 내지못했지만 주식이 공개되고 계속 투자를 유치하면서 (어려운 가운데) 승승장구하고 있습니다.

계속 영업 적자를 냄에도 불구하고 투자가 지속되는 것은 차량 공유 시장의 가능성과 더불어 우버의 비젼을 인정하기 때문입니다.

마치며

결국 허츠의 파산은 오랬동안 누적된 인수합병을 비롯한 경영 실패가 거듭되면서 엄청난 부채에 허덕이게 되었고, 그렇게 허약한 경영 상태에서 코로나 팬데믹으로 매출 및 영업이익이 막히면서 파산에 이르렀습니다.

그러나 코로나 팬데믹으로 미국 정부는 강력한 재정 정책을 사용하면서 금융시장을 안정시켜왔기 때문에 일반적인 기업이라는 최대 1년 정도의 일시적인 위기는 자금 조달을 통해 버틸 수 있을 것입니다.

그러나 허츠는 기존에 가진 부채가 너무 많거니와 렌트카 업체 업황 자체가 저물어가고 있어 허츠는 미래 비젼을 제시할 수 없었기 때문에 자금조달에 실패해 파산으로 이어졌다는 해석도 가능합니다.

최근 파산이 이어지고 있는 미국 백화점 업계도 미래 비젼이 거의 없기 대문에 코로나 팬데믹을 견딜 자금 조달에 실패한 것이죠.

파산하고 있는 백화점들은 허츠와 여러모로 닮아 있습니다.

참고

코로나 팬데믹 기간동안 청바지 브랜드로 유명한 리바이스는 틱톡 광고를 통해서 제품 조회 트래픽을 2배로 올렸다고 합니다. 점점 더 파워플해지는 틱톡 광고 사례로써 이 리바이스 틱톡 광고 사례를 살펴보죠.

리바이스 블로그에서 밝힌 내용을 내용을 보면 전반적인 내용을 알 수 있습니다.

Digitally Connecting with Levi’s® Consumers via TikTok

리바이스 틱톡 광고 사례 Executive Summary

코로나 팬데믹이 한창이던 20년 4월 리바이스는 틱톡 인플러언서와 파트너쉽을 맺고 틱톡 광고 캠페인을 벌임

• 리바이스는 그들의 미래적인 레이저 기술을 활용한 고객별 디자인 커스터마이제이션이 가능한 솔류션 상품을 개발, 홍보하고 있었음
• 틱톡 인플러언서들은 리바이스의 미래 지향적 디자인 커스터마이제이션 솔류션을 사용 경험해보고 이를 솟폼 동영상으로 만들어 틱톡 계정에 올림
• 이 동영상의 ‘Shop Now’ CTA(Call To Action) 버튼을 통해서 고객들은 리바이스 이커머스 사이트를 방문해 상품을 주문할 수 있도록 함

이러한 리바이스 틱톡 광고 캠페인은 동영상 시청 시간이 두배에 달하고, 리바이스 상품으로 트래픽도 2배로 증가하는 등 성과가 있었름

리바이스는 이전에도 인스타그램, 스냅챗, 핀터레스트 등과 캠페인을 진행했었지만 이번 코로나 팬데믹 동안에는 틱톡을 선택했는데, 그 이유를 3가지 정도로 밝힘

1. 틱톡이 엔터테인먼트와 이커머스를 결합하는 시도에 적극적이고 따라 틱톡 숏폼 동영상과 이커머스 통합에 관심을 가지고 투자하고 있어 이해가 서로 맞았음
2. 2019년 하반기부터 미국과 유럽 등 서구에서 틱톡 사용자가 급증해 틱톡 사용자만 8억을 돌파하면서 광고 플랫폼으로 충분한 가능성을 가진 플랫폼이 되었음
3. 더우기 틱톡 사용자 대부분은 Z세대 및 밀레니얼 세대인데, 특히 코로나 팬데믹 동안 가장 빠르게 Z세대 및 밀레니얼 세대에서 사요자가 증가하고 핫한 앱으로 떠올랐기 때문

페이스북 숍 런칭 등 소셜 커머스가 급속히 증가하고 있는 가운데 소셜 미디어간 소셜 커머스를 두고 향후 강력한 경쟁이 심화될것으로 리바이스의 틱톡 광고는 그러한 트렌드 시작점에 있다고 판단됨

들어가며

아시다시피 코로나 팬데믹으로 인해 미국을 비롯한 세계 주요 국가들은 경력한 경제 봉쇄조치를 취했고 그 덕분에 대부분의 매장은 문을 닫았습니다.

그러면서 많은 브랜드들은 사람들의 트래픽이 몰리는 소셜 미디어에 눈을 돌렸습니다.

코로나 팬데믹동안 대부분의 소셜 미디어들은 행복할 정도로 높은 트래픽 증가를 경험했습니다. 그중에서 발군은 틱톡이었죠. 틱톡은 앱 다운로드만 20억건을 돌파하면서 틱톡 사용자는 8억명 이상으로 늘어났습니다.

• 2020년 4월 앱 통계등을 조사하는 센서타워는 안드로이드와 앱스토어등에서 틱톡 앱 다운로드가 20억건을 돌파했다고 보고
  이는 페이스북, 왓츠앱 및 인스트그램이후 처음이라고 함
• 특히 2020년 1분기 동안 틱톡은 3.13억 다운로드가 발생해 최고치를 기록해, 지난 2018년 4분기 기록 2.5억건을 능가함
• 국가별로는 인도가 6.67억건으로 전체 30.3%를 차지하고, 2위는 중국으로 1.967억 건 설치되어 9.7%를 차지하고 있으며, 3위로는 미국이 1.35억명이 설치해 8.2%를 차지
• 기기별로는 안드로이드가 15억건 이상으로 75.5%를 차지하며, iOS앱스토어는 4.55억건으로 24.5% 차지

리바이스의 틱톡 광고

리바이스는 틱톡과 파트너쉽을 맺고 틱톡 플랫폼에 본격적으로 상품 광고를 시작했습니다.

• 틱톡 인플러언서 Callen Schaub, Cosette Rinab, Gabby Morrison and Everett Williams 등과 파트너쉽을 맺음
• 이 인플러언서들의 콘텐츠에서 ‘Shop Now’ 버튼을 통해서 리바이스가 제공하는 온라인 커스터마이제이션 경험을 할 수 있도록 유도
• 이 캠페인은 4월 19일까지 단 1주일만 진행

아래는 틱톡 인플러언서 Cosette Rinab의 콘텐츠입니다. 고객이 원하는댈로 커스터마이제이션이 할 수 있다는 점을 강조하고 있습니다.

리바이스가 첨단 레이저 기술을 활용해 고객이 원하는 다양한 디자인을 자유자래로 만들어 제공할 수 있다는 점을 강조하고 있는 홍보 유튜브 영상

리바이스 틱톡 광고 캠페인 결과

4월 19일까지 단 1주일만 진행된 광고 캠페인이지만 브랜드가 기대한 이상으로 좋은 결과를 얻었다고 합니다.

우선 리바이스 홍보용 틱톡 동영상 시청 시간이 일반 틱톡 동영상의 2배 이상으로 높을 정도로 관심을 받았다는 점입니다.

이어서 이 홍보 영상의 ‘Shop Now’ CTA(Call To Action) 버튼을 통해서 리바이스닷컴의 “Future Finish” 페이지의 각 제품들에 대한 조회수가 2배이상으로 증가했다는 점입니다.

이런 결과를 토대로 리바이스는 틱톡과의 파트너쉽이 만족스러웠다고 합니다. 물론 이 정도 성과가 다른 곳에서 찾아볼 수 있을 정도로 월등하느냐는 논의의 여지는 있겠죠.

하지만 리바이스의 틱톡 홍보영상에서 ‘Shop Now’ CTA(Call To Action) 버튼을 적용해 이커머스로 연결시키려는 시도는 아직 브랜드들이 거의 시도하고 있지 않는 것이라서 신선한 자극을 주기에 충분했습니다.

틱톡 인플러언서 Callen Schaub의 홍보 영상입니다.

왜 리바이스는 틱톡을 선택했나

리바이스는 당연하게도 이전부터 다양한 소셜 미디어들과 다양한 마케팅 및 광고 실험을 계속해왔습니다. 리바이스는 스냅챗, 인스타그램, 핀터레스터등등과도 많은 파트너쉽을 진행해 왔습니다.

그러나 이번에는 아래와 같은 3가지 이유로 틱톡을 선택했다고 합니다.

틱톡의 이커머스 연동에 적극적

우선 틱톡은 엔터테인먼트에 강점을 가지고 있는 소셜 미디어 성격이 강한 숏폼 동영상 업체이기는 하지만 2019년부터 이커멋 연동에 많은 공을 들이고 있었습니다.

2019년 4월 틱톡 숏폼 동영상에 ‘Shop Now’ CTA(Call To Action) 버튼 적용해 브랜드들이 틱통 동영상에서 자사 이커머스 사이트로 연결되도록 만들었습니다.

또 2019년 8월에는 틱톡 해시태그를 통해서 쇼핑이 가능한 틱톡 해시태그 챌린지 플러스 기능을 도입했습니다. 동시에 크로거가 이 틱톡 해시태그 챌린지 플러스 기능을 활용한 최초의 브랜드가 되었습니다.

빠르게 증가하는 틱톡 사용자

원래 틱톡은 중국에서 시작해 아시아에서 인기를 얻었기 때문에 주 사용자는 중국과 인도에 몰려 있었습니다.

그러나 틱톡이 핫하다는 소문이 유럽과 미국을 강태하면서 작년 연말 그리고 코로나 팬데믹 동안 서구에서 사용자가 크게 늘었습니다.

• 2020년 3월 틱톡 방문자는 1,200만명 증가한 5,220만명
  이는지난 1월~3월 사이에 48.3% 증가한 수치
• 3월 미국의 틱톡 사용자들은 월간 858분을 틱톡에서 보냈는데, 이는 지난 1월에 비해서 26.2% 증가한 것이고 지난 2019년 11월에 비해서 93.7% 증가

Z세대 및 밀레니얼 세대 중심 사용자

더우기 틱톡 사용자 구성을 살펴보면 Z세대 및 밀레니얼 세대 사용자가 대부분입니다.

그리고 이들 사이에서 틱톡 사용량을 빠르게 늘고 있습니다.

코로나 팬데믹동안 집에 갖혀 있어야하는 Z세대와 밀레니얼들은 시간을 보낼 수 있는 앱에 더 많은 시간을 할애할 수 있게 됐고, 특히 숏폼 비디오앱인 틱톡이 큰 호응을 얻었습니다.

코로나 팬데믹 기간 소비자 태도와 미디어 행동을 조사한 KanTar 조사에 따르면 2020년 3월 중순부터 4월 중순까지 Z세대는 33%, 밀레니얼 세대는 27% 더 틱톡 사용량을 늘렸다고 합니다.

마치며

코로나 팬데믹으로 이커머스가 폭발적 성장을 위한 임계점을 넘으면서 이커머스는 이제 오프라인 판매를 압도할 가능성이 점점 더 커졌습니다.

그러면서 판이 커진 이커머스에 발을 담그려는 소셜 미디어들이 급속히 증가하고 있습니다.

지난주엔 페이스북이 페이스북, 인스타그램 그리고 왓츠앱등과 연동하는 페이스북 숍을 발표했죠. 또한 틱톡도 앞서 이야기한 것처럼 이커머스 기능을 꾸준 히 강화해오고 있습니다.

어쩌면 팡니 커진 이커머스를 두고 소셜 미디어간 소셜 커머스 쟁패를 두고 경쟁이 심화될 것 같습니다. 이렇게 치열한 경쟁이 시작되면서 점점 창의적이고 트랜디한 광고 및 이커머스 사례들이 등장할 것 같습니다.

오늘 소개한 리바이스 틱톡 광고 사례는 그 출발점일지도 모르겠습니다.

참고

틱톡과 관련된 참고할 포스팅들입니다. 참고로 보세요.

숏폼 동영상 앱 틱톡 다운로드 20억을 돌파 의미와 틱톡 성장요인

10대 요리사에게 배우는 틱톡 성공법 4가지와 Z세대 특성

숏폼 동영상 틱톡이 변화시키고 있는 소셜 네트워킹 비지니스

[차트로 읽는 트렌드] 왜 중국은 틱톡같은 숏폼 동영상에 열광하는가?

팬데믹이 촉발시킨 포스트 코로나 중국 트렌드 5

모바일 전용 숏폼 스트리밍, 퀴비(Quibi) 런칭이 실패한 이유

밀레니얼 겨냥 모바일 스트리밍 서비스, 퀴비(Quibi) 성공 전략과 한계

오늘 사이트의 속도를 더 빠르게 만들기 위한 이미지 설정에는 무엇이 있을까요? 워드프레스 이미지 설정 최적화 방법에 대해 그동안 배워, 적용했던 것들을 정리해 봤습니다.

이러한 상당히 재미없는 작업을 한 이유는 최근 서버를 Vultr 도쿄에서 Vultr 서울 리젼으로 옮기면서 속도가 많이 좋아지는 했지만 여전히 이미지 압축등에서는 만족스럽지 않았기 때문입니다.

주로 이미지 압축이 충분히 되이 았았는 점과 썸네일 이미지에 Progressive 모드가 적용이 안되는 것을 발견했기 때문이기도 했습니다. 때로 사소한 것이라도 알게되면 해결해야 직성이 풀리는 성겨 덕분에 이것 저것 살펴 보았습니다.

그동안 서버 및 워드프레스에서 이미지 최적화 관련해서는 여러가지 글을 통해서 공유했습니다. 아래 글들을 참조해 보면 좋을 듯 합니다.

무료로 구축하는 이미지 최적화 자동화 시스템

서버에서 JPEG 이미지 최적화로 사이트 속도 개선 방법

서버에서 PNG 이미지 최적화로 사이트 속도 개선 방법

NGINX에서 최고의 이미지 압축 포맷 WebP 적용 방법

Imagemagick 이용, 이미지 사이즈 일괄 변경 방법

새로운 이미지 사이즈 추가

현재 워드프레스 5.4의 경우 이이미를 업로드하면 작은 사진(썸네일), 중간크기, 최대크기를 성정하도록 되어 있습니다.

일반적으로 작은 사진(썸네일)은 폭 150px, 높이 150px 크기(물론 이 크기는 변경 가능합니다)로 만들어지도록 hard crop토록 되어 있습니다.

그리고 중간 크기는 최대폭 300px나 최대 높이 300px로 soft crop토록 되어 있습니다.

일반적으로 작은 사진(썸네일)은 폭 150px, 높이 150px 크기(물론 이 크기는 변경 가능합니다)로 만들어지도록 hard crop토록 되어 있습니다.

그리고 중간 크기는 최대 폭 300px나 최대 높이 300px로 soft crop토록 되어 있습니다. soft crop이란 폭이나 높이 하나만 맞춘다는 것입니다.

예전에는 가능하면 작은 이미지를 사용하려고 했기 때문에 작은 사진(썸네일)이 널리 사용되었습니다.

그러나 요즘에는 인터넷 속도도 빨라졌고, 보다 이미지를 중시하게 때문에 중간크기 이상을 썸네일 대신 사용하는 경우도 많습니다. 저의 경우는 여러가지 케이스를 고려해 폭 600px과 높이 250px를 기본 썸네일로 사용하고 있습니다.

이런 경우는 이미지 사이즈를 추가해 제대로 워드프레스 시스템과 서버에서 관리토록 하는 것이 좋습니다. 이미지를 사용하는 플러그에서 자체적으로 crop하는 경우 이미지 최적화가 안될 가능성이 크죠.

워드프레스에서 추가 이미지 사이즈를 추가는 functions.php에서 다음과 같은 명령을 추가합니다. 폭 600px, 높이 250px의 고정된 크기의 이미지를 만들라는 명령입니다.

• 폭과 높이가 고정되는 hard crop을 원할 경우 마지막에 true 옵션을 적어 줍니다.
• 아무런 옵션이 없는 경우 디폴트인 false가 적용되면서 soft crop이 실시됩니다

// 600 pixels wide by 250 pixels tall, hard crop mode
add_image_size( '새로 만들 이미지 크기 이름', 600, 250, true ); Code language: PHP (php)

• 중간크기 이미지 등은 crop이기 보다는 전체 이미지를 리사이즈하고 그 일부를 잘라냅니다.
• 리사이즈말고 어느 한방향에서 그대로 잘라내기를 원하는 경우 시작점을 표시해 줍니다. 예를 들어 왼쪽 위부터 잘라내라고 명령하는 경우

add_image_size( '새로 만들 이미지 크기 이름tom-size', 220, 220, array( 'left', 'top' ) );Code language: PHP (php)

기존 중간크기 이미지를 대체하는 경우

중간 크기 썸네일을 주로 새로 만든 사이즈를 이용한다면, 실상 워드프레스에서 기본으로 만드는 중간크기 이미지는 별 필요가 없게 됩니다.

그럴경우 중간크기 이미지를 없애고 대신 새로 만든 사이즈(600×250)로 대체하고 싶은 경우도 있습니다. 중간크기를 새로 만든 사이즈로 변경하여면 아래와 같은 명령어를 사용합니다.

• 먼저 기존 중간크기 이미지를 삭제(remove)
• 새로 만든 이미지 크기 추가(add_image_size)

/**
 * 기본으로 설정된 중간크기 이미지를 다른 크기로 변경
 */
add_action( 'init', 'wpdocs_change_medium_image_size' );
function wpdocs_change_medium_image_size() {
    remove_image_size( 'medium' );
    add_image_size( 'medium', 600, 250, true );
}
Code language: PHP (php)

이를 응용하면 기존에 설정한 이미지 크기를 삭제하고 새로운 크기의 이미지를 추가할 수 있을 것입니다.

/**
 * 기존 설정 이미지 크기를 삭제하고 새로운 이미지 크기를 추가
 */
function wpdocs_remove_then_add_image_sizes() {
    remove_image_size( 'image-name' );
    add_image_size( 'image-name', 200, 200, true );
}
add_action('init', 'wpdocs_remove_then_add_image_sizes');Code language: PHP (php)

워드프레스 이미지 최대값 관리

워드프레스 5.3부터는 워드프레스에 업로드된 이미지의 최대 크기를 제한한다고 합니다. 즉 2560px 이상의 이미지는 자동으로 2560px로 줄여준다고 해요. 쓸데없이 큰 이미지를 사용할 필요가 없기 때문에 이런 제한 조치를 둔 것인데요.

필요 시 이런 제한 조치를 없애거나 제한 이미지 크기를 변경할 수 있습니다. 이 내용은 워드님의 글 “워드프레스 이미지 업로드 시 크기가 줄어드는 문제”를 참조했습니다.

워드프레스에서 이미지 크기 제한을 없애는 방법은 아래와 같은 코드를 functions.php에 추가해 줍니다.

add_filter( 'big_image_size_threshold', '__return_false' );Code language: PHP (php)

아니면 임지 크기 제한을 높일 수 있습니다. 2560px를 두배인 5120px로 변경할 수 있겟습니다. 이 정도 크기의 이미지는 거의 원본에 가까울 것 같은데요.

아무튼 이런 옵션이 필요한 사람이 분명이 있겠죠.

function mynamespace_big_image_size_threshold( $threshold ) {
    return 5120; 
}
add_filter('big_image_size_threshold', 'mynamespace_big_image_size_threshold', 999, 1);Code language: PHP (php)