Webflow : 국제 시장에서 성공하기 위한 6가지 핵심 요소

템플릿을 꺼리는 디자이너 여러분, 기뻐하세요: Webflow 전자상거래를 포함한 모든 사이트 구축 요구사항을 완벽하게 Webflow .

Webflow 멋진 디자인 인터페이스, 코딩 없이도 사용하기 쉬운 기능, 기능에 집착하는 사용자들의 욕구를 충족시켜 줄 다양한 연동 기능, 그리고 꽤 괜찮은 블로그를 갖춘 Webflow 알고 계실 겁니다.

여러분이 잘 모르시는 점은 Webflow사용자 커뮤니티가 얼마나 국제적인지입니다. Webflow Global 페이스북 그룹의 회원 페이지를 한 번만 살펴보셔도, 거기에 참여하는 다양한 국적의 회원들을 세어보려다 금방 포기하게 될 것입니다.

그렇다면 Webflow 최근 국제 사용자들의 요구를 더 잘 충족시키기 위해 어떤 Webflow ?

Webflow 플랫폼의 최근 글로벌 지향적 발전 중 가장 중요한 몇 가지가 이루어진 분야입니다.

무역은 지구촌 곳곳의 사람들을 하나로 모으는 원동력이기 때문에 이는 자연스러운 순리를 따르는 것처럼 보입니다.

Webflow 온라인 스토어를 열고 싶다면, 바로 여기에서 시작하세요. 함께 알아보겠습니다.

그렇다면, 국제적인 Webflow 성공의 핵심은 무엇일까요?

시각적 학습자를 위해 이커머스 스토어가 새로운 시장으로 확장하는 데 필요한 사항에 대한 간단한 동영상을 소개합니다:

Webflow전자상거래 접근 방식은 Shopify, Magento, PrestaShop 및 기타 전자상거래 플랫폼 경쟁사들과는 다릅니다. 마찬가지로 웹사이트 디자인 접근 방식도 WordPress, Squarespace 등과 차별화됩니다: Webflow 실제로 코딩할 필요 없이 아름다운 사이트를 구축하는 데Webflow .

Webflow 사이트 구축 및 관리 플랫폼의 모든 요소는 고전적인 HTML-CSS-JavaScript 아키텍처를 반영하도록 구성됩니다. 비록 노코드 도구임에도 불구하고, 매우 높은 수준의 커스터마이징이 가능합니다.

페이지에 추가하는 모든 요소는 클래스와 연결됩니다. 디자인 도구로서 화면 크기나 디바이스 유형에 관계없이 콘텐츠가 반응형으로 유지되도록 하는 방식으로만 수정하거나 사용자 정의할 수 있습니다.

Webflow 어떤 의미가 있을까요? 우선, 매우 간소화되어 있다는 점입니다. 주문을 받는 곳과 배송하는 곳이 어디든, Webflow스토어 구축 구조가 여러분의 비즈니스에 유연하게 적용될 수 있음을 믿으셔도 좋습니다.

Webflow 템플릿에 구애받지 않는 아키텍처 덕분에 사용자 경험을 구상하고 구축하는 데 완전한 자유를 누릴 수 Webflow . 이런 백지 상태는 어떤 이에게는 흥미를, 또 다른 이에게는 두려움을 불러일으킵니다. 다양한 문화권과 지역에서 온 사용자/고객을 대상으로 할 때, 전자상거래 웹사이트를 처음부터 구축하는 과정에는 실수할 여지가 있습니다.

이 과정은 부담스러울 수 있지만, 적어도 일부는 저희가 안내해 드리겠습니다. 즐겁고 보람찬 과정이 될 것입니다. 모든 것은 고객으로부터 시작됩니다 : 여러분이 만족시키기 위해 Webflow 론칭하는 바로 그 사람입니다 .

1. 타겟 고객은 누구인가요?

두 가지 상황 중 하나에 해당할 수 있습니다:

• Webflow 사용하여 첫 전자상거래 스토어를 시작합니다.
• 또는 기존 전자상거래 비즈니스를 운영 중이며, 다른 플랫폼에서 Webflow 스토어를 이전하기로 결정하셨습니다.

비즈니스의 연륜에 따라 고객을 손바닥 보듯 잘 알고 있을 수도 있고, 아직 전혀 모르는 고객일 수도 있습니다.

어느 쪽이든 사이트의 타깃을 파악하면 판매 대상에 관계없이 웹사이트 디자인에 영향을 줄 수 있습니다.

첫 번째 그룹에 속하는 회원님의 경우 데이터가 많지 않을 수 있지만 괜찮습니다. 비즈니스의 특성을 기반으로 잠재 고객의 성향을 상당 부분 파악할 수 있을 것입니다.

또한 초기 스토어 출시 후 초기에 제품이 얼마나 많이 판매되는지에 따라 빠르게 학습할 수 있습니다.

Webflow 당신의 이커머스 스토어를 돋보이게 하는 법 (특정 고객층을 대상으로)

영국 버거 전문점 겸 케이터링 업체인 패티 앤 번(Patty & Bun’s)의 네온 빛으로 가득한 Webflow 사이트를 예로 들어보자. 한마디로 표현하자면… 환각적이다.

패티 앤 번은 Webflow전체 화면 배경 동영상 기능을 최대한 활용했습니다. 그들의 화려하고 감각적인 브랜드 동영상은 홈페이지부터 메뉴 페이지(여기서는 동영상 그라데이션 오버레이 설정을 활용해 색상 구성에 더욱 생동감을 더했습니다)에 이르기까지 어디에서나 확인할 수 있습니다:

이것은 화려하고 기억에 남는 브랜드 정체성을 강화하기 위해 Webflow다재다능하고(색상 친화적인) 미디어 레이아웃 아키텍처를 활용한 최고의 사례입니다.

이런 종류의 오버더톱 브랜드 마케팅은 젊은 층에게 어필할 수밖에 없습니다. 이미 '포스트 인터넷 시대'라고 불리는 이 고객층은 2015년에는 키치한 것으로 여겨졌을지도 모르는 MTV를 연상시키는 형광등과 애니메이션에 끌립니다. 하지만 향수의 전통에 따라 인터넷 사용자들이 다시 클릭하게 만드는 것 같습니다.

하지만 이 배경 동영상 릴과 네온 오버레이가 모든 사람에게 적합하지는 않을 수 있습니다.

예를 들어, 나이가 많거나 시각 장애가 있는 고객은 사이트 메뉴 주변에서 진행되는 모든 활동으로 인해 메뉴를 읽기 어려울 수 있습니다. 이들은 사이트를 계속 탐색하다가 결국 햄버거(또는 세일 중인 티셔츠)를 주문할 가능성이 낮을 수 있습니다.

패티 앤 번은 청소년 중심의 디지털 아이덴티티를 채택했으며, 이는 청소년이 (적어도 대부분) 그들이 먹이고 충성도를 높이려는 대상인 한 완벽하게 괜찮습니다.

사실, 점점 더 획일화되는 인터넷에 '열광'하는 것을 좋아하는 젊은 연령층에게 큰 인기를 얻고 있을 것입니다.

2. 타겟 고객은 전 세계 어디에 있나요?

질문 1의 두 번째 범주에 해당하는 베테랑 이커머스 영업 담당자라면 '위치, 위치, 위치'라는 오래된 격언이 부동산과 마찬가지로 이커머스에도 적용된다는 사실을 이미 경험을 통해 잘 알고 있을 것입니다.

즉, 비즈니스의 위치뿐만 아니라 고객이 어디에 있는지, 그리고 비즈니스와 잠재 구매자 사이의 지리적, 문화적, 언어적 거리가 얼마나 먼지도 고려해야 합니다.

아직 노련한 이커머스 판매자가 아니라면 제품을 보낼 때 고객의 지리적 위치가 배송 물류에 영향을 미친다는 사실을 곧 알게 될 것입니다.

또한 이 사람은 귀하와 다른 지역에 거주하기 때문에 지불, 세금 , 언어/의사소통 측면에서 기대치와 수단이 다를 수 있습니다.

Webflow 어떻게 (고객의) 세금을 Webflow 수 있나요?

Webflow전자상거래 기능 덕분에 처음 두 가지 문제를 해결하는 것이 상당히 간단해집니다.

전자상거래 사이트를 설정할 때 편집기 공간에서 여러 국가의 세금 계산을 처리하는 방법을 직접 조작할 수 있습니다.

허용할 결제 게이트웨이와 방법을 결정할 수도 있습니다. 국가마다 선호하는 결제 수단이 다르기 때문에 PayPal, Apple Pay, Google Pay, 직불카드, 신용카드, 디지털 지갑 모두 범용적이지 않다는 점을 기억하세요:

다국어 이커머스 쇼핑객을 위한 혜택은 무엇인가요?

언어 지원 측면에서 Webflow 자체 솔루션을 출시했습니다. 표준 사이트 플랜에 추가로 선택 가능한 세 가지 플랜이 제공됩니다. 이후 로케일에 포함할 각 언어별로 별도 비용을 지불해야 합니다. Webflow Weglot 비교를 확인해 보세요.

저희는 2016년부터 72,000개 이상의 웹사이트를 번역 및 현지화해 온 경험을 바탕으로, Webflow 소유자들이 다국어화를 진행할 때 필요한 사항을 잘 이해하고 있습니다. 이커머스 템플릿을 사용하는 초보자든, 고급 기능을 찾는 노련한 이커머스 사업자든 상관없이 말이죠.

Weglot 사이트의 콘텐츠를 감지한 다음 주요 제공업체에서 1차 기계 번역을 생성한 다음 최종적으로 표시하는 방식으로 작동합니다. 즉, 쇼핑 카트, 제품 목록, 결제 프로세스 등 전자 상거래 스토어의 모든 것을 번역할 수 있습니다.

이렇게 하면 자동화된 번역 워크플로우를 통해 새 콘텐츠를 수동으로 번역하는 데 신경 쓰지 않고 스토어 관리에 집중할 수 있습니다.

또한 Weglot 다국어 SEO 친화적입니다. 국제 검색 엔진에 웹사이트를 표시하는 데 있어 까다로운 부분(예: hreflang 태그 추가 및 메타데이터 번역 등)을 자동화합니다. 그러면 전 세계 잠재 고객이 이전보다 더 빨리 여러분을 발견할 수 있습니다.

Webflow Weglot 설치하는 방법에 대한 자세한 안내는 여기에서 확인하실 수 있습니다. Weglot 여기에서 확인하세요.

3. 사이트 디자인에 대한 해외 고객의 기대치는 어느 정도인가요?

질문 1의 패티 앤 번 예시로 돌아가서 타겟 고객의 입장에서 생각해 본다면 아마도 나이키 에어 또는 리복일 것입니다. 즉, 이 브랜드의 타겟 고객은 도시 지역에만 있기 때문에 상당히 젊고 도시적인 고객일 것입니다.

이 고객층은 일반적으로 웹사이트를 통해 감동을 받기를 원합니다. 템플릿 문화와 웹 디자인을 죽인다는 비난을 받고 있는 DIY(직접 제작)의 확산으로 인해 완전히 똑같이 생긴 사이트가 많이 생겼습니다. 인터넷에서 성장한 사람은 단조로움에 싫증이 나기 마련이고, 단조로움에서 벗어나고 싶어하는 경향이 있습니다.

타겟 고객이 인터넷에 능숙하다면 약간의 양념을 가미하여 예상치 못한 우여곡절을 겪게 하는 것도 괜찮습니다.

바라쿠난 출판사 사이트를 예로 들어보자. 패티 앤 번과 마찬가지로, 이 Webflow 전자상거래 업체들은 사용자의 화면을 즉각적인 이미지의 과잉으로 채우기로 선택했다. 그들의 콘텐츠는 영상이 아니라, 여기저기 흩어진 텍스트 조각들을 담은 미로 같은 일러스트레이션이다.

대담한 아트워크는 의심할 여지 없이 사용자의 시선을 사로잡지만 클릭할 수 없는 텍스트는 일부 사용자에게 혼란을 줄 수 있습니다.

바라쿠난을 탐색하려면 약간의 생각이 필요합니다(아마도 이 다소 난해한 출판사의 의도일 것입니다). 하지만 창의적인 계층, 지식인 또는 언더그라운드 문학 팬과 같은 바라쿠난의 독자들에게는 재미있을 것입니다.

이제 다음 질문으로 넘어가서, 이러한 고객 여정의 우여곡절이 모든 사람의 브라우징 프로세스에 적용되지 않을 수 있다는 점을 고려해야 합니다.

4. 해외 고객이 구매 과정에서 어려움을 겪을 수 있나요?

I. 잠재 고객이 홈페이지를 쉽게 읽을 수 있나요?

바라쿠난 사이트의 미로와 같은 경험은 디지털 세대의 눈부신 브라우저를 사로잡을 수 있습니다. 즉, 영어(사이트와 텍스트가 삽입된 이미지가 작성된 언어)에 능숙하다면 말이죠.

바라쿠난은 영어로만 출판물을 발행하기 때문에 영어를 사용하는 독자들에게 어필할 수 있을 것입니다. 스스로를 "베를린과 베이루트에 본사를 둔 기업"이라고 설명하지만, 두 곳 모두 영어가 대다수인 도시가 아닙니다.

바라쿠난은 자사 사이트를 우연히 발견한 독일인이나 레바논인 독자라도 이미 영어를 읽을 수 없다면 영어로 인쇄된 자사 제품에 관심을 갖지 않을 것이라는 점을 잘 알고 있습니다.

따라서 사이트를 영어로 운영한다고 해서 실제 잠재 고객에게 언어 장벽이 되는 것은 아닙니다.

하지만... 실제 잠재 고객이 영어를 이해하지 못한다면 어떨까요?

홈페이지 또는 랜딩 페이지 디자인은 사이트 방문자의 전환을 유도하는 데 중요한 역할을 합니다. 방문자가 비즈니스에 대해 갖게 되는 첫인상입니다.

Google의 자체 데이터에 따르면 사이트 방문자는 사이트에 도착한 후 50밀리초(0,05초) 만에 첫인상을 형성하는것으로 나타났습니다.

고객의 관심을 끌기에는 시간이 많지 않습니다.

이 시간을 효과적으로 사용하여 방문자 및 잠재 고객의 경험이 접근성 문제로 인해 방해받지 않도록 해야 합니다.

멋진 사이트 디자인에 침을 흘리며 50밀리초라는 귀중한 시간을 보내다가 페이지의 단어 하나도 이해하지 못한다는 사실을 알게 되는 것은 절대 원치 않을 것입니다. 그리고 궁극적으로 사이트를 탐색하는 방법을 알아낼 수 없게 됩니다.

언어 전환을 UX 친화적으로 만들기

다음과 같은 다국어 솔루션을 사용하면 Weglot 과 같은 다국어 솔루션을 사이트에 통합하면 사용자가 홈페이지에 접속하자마자 언어적 공백으로 인해 사용자를 잃는 것을 방지할 수 있습니다.

Webflow 스토어를 다국어로 제공하면 방문객들이 사용하는 언어에 관계없이 모든 이용자가 편리하게 접근할 수 있습니다.

기본 Weglot 통합은 사이트의 오른쪽 하단에 언어 전환 버튼을 자동으로 배치합니다. 미주리 과학 기술 대학의 웹 디자인과 첫인상에 관한 연구에서 발췌한 아래 다이어그램은 페이지의 각 영역에 시선이 머무는 순서를 보여줍니다.

따라서 초기 Weglot 버튼은 헤더, 사이드바 메뉴, 다양한 본문 콘텐츠가 있는 일반적인 홈페이지에서 4번째 정도에 위치할 가능성이 높습니다. 그 다음 위치는 헤더의 사이트 로고, 사이드바 메뉴, 헤더 메뉴가 될 가능성이 높습니다.

방문자가 페이지의 나머지 부분으로 넘어가기 전에 페이지의 주요 측면(다이어그램의 관심 영역(AOI) 1~3)의 시각적 매력을 처리할 시간을 주기 때문에 언어 전환 도구에 적합한 배치입니다.

그리고 더 많은 내용을 읽고 싶지만 사이트의 원래 언어를 사용하지 않는 방문자는 AOI 4까지 자신의 언어로 전환하고 싶을 수 있다는 것을 알아낼 수 있습니다.

고객 기반에서 실제 언어적 이질성을 발견하기 시작하면 이러한 언어 전환 프로세스를 더욱 촉진하거나 심지어 제거할 수도 있습니다.

Webflow 버튼 위치를 변경하려면 사용자 정의 헤더 코드(프로젝트 설정에서 편집 가능)의 CSS 설정을 수정하면 됩니다….

‍

이 예제에서는 사용자 정의 CSS를 사용하여 버튼을 페이지 하단이 아닌 오른쪽 상단 모서리로 이동했습니다.

...또는 탐색 메뉴 중 하나에 드롭다운으로 임베드한 다음 사이트를 번역한 각 언어에 대한 링크를 추가합니다. 마지막으로 Weglot 입력한 다음 올바른 두 글자 언어 코드를 URL로 입력합니다.

결국 우리와 비슷하게 생겼습니다:

여러분을 위해 특별히 제작한 Webflow 키트도 준비했습니다. 여기에는 복제하여 사이트에 추가할 수 있는 14가지 언어 전환기가 포함되어 있으며, Digidop과 협업하여 제작한 복제 가능한 언어 전환기도 함께 제공됩니다. 또한 Webflow 전환기 커스터마이징에 관한 완벽한 단계별 동영상 튜토리얼도 마련되어 있습니다.

Weglot 프로젝트 설정에서 자동 전환을 활성화하여 고객이 이 추가 단계를 거치지 않도록 할 수도 있습니다. 이렇게 하면 방문자의 기본 검색 언어를 감지하여 해당 언어(사이트에서 사용 가능한 경우)로 페이지를 자동으로 전달합니다.

잠재 고객이 여러 언어를 사용하거나 각기 다른 언어를 사용하는 수많은 타겟 시장이 있는 경우 이 방법이 가장 효율적인 방법일 수 있습니다.

한 언어 그룹에서 많은 트래픽이 발생할 것이 확실하다면 특히 그렇습니다. 해당 언어 버전의 사이트로 즉시 안내하는 것이 유리하게 작용할 가능성이 높습니다.

II. 생산성 향상: 제품 페이지가 국제적인 인기를 끌고 있나요?

Webflow전자상거래 플랫폼은 전체 재고 관리 프로세스를 통합하고 시각화할 수 있게 합니다. 이는 각 제품 페이지를 개별적으로 구축할 필요가 없도록 해주기 때문에 엄청난 시간 절약 효과를 제공합니다.

기본적으로 제품 카테고리별로 제품 페이지의 스타일을 템플릿화하고 제품 데이터를 제품 테이블에 입력한 다음 이 데이터를 미리 디자인한 페이지에 배포할 수 있습니다.

물론 이 배포 모델은 모든 방문자에게 제품 페이지에서 똑같은 콘텐츠를 표시하려는 경우에 유용합니다.

하지만 해외에서 판매하는 경우에는 그렇지 않을 수 있습니다. 예를 들어 고객의 구매 지역에 따라 내용물, 배송 정보 또는 일반적인 설명이 약간 다를 수 있습니다.

Weglot 여기서도 솔루션을 제공할 수 있습니다. Weglot 대시보드에 들어가면 왼쪽 URL 표시줄에 "제품" URL 탭 메뉴가 있습니다.

여기를 클릭하여 각 언어에 대한 각 제품 설명을 업데이트하세요. 그러면 해외 사용자가 주문할 제품에 대한 올바른 정보를 얻을 수 있습니다.

III. 최종 확인: 결제 페이지가 현지화되어 있나요?

Weglot Webflow 페이지를 자동으로 Weglot Weglot 큰 자부심을 가지고 있으며, 이는 전자상거래 웹사이트 번역 전반에 걸쳐 탁월한 도구로 자리매김하고 있습니다.

제품 페이지에서와 마찬가지로 Weglot 대시보드에서 '결제' URL 탭을 클릭하여 결제 페이지 번역을 다시 확인하고 편집할 수 있습니다.

5. 이 잠재적 해외 고객이 왜 그렇게 중요할까요?

2024년에는 이커머스가 전 세계 소매업 매출의 20% 이상을 차지할 것이므로, 이 질문에 대한 답은 거의 정해져 있습니다.

하지만 항상 상기할 필요가 있는 것은 대부분의 산업에서 전자상거래는 본질적으로 해외 친화적일 때 수익성이 더 높다는 점입니다.이를 증명하는 통계가 있습니다.

6. W...ebflow: 국제 전자상거래에 적합한 솔루션인가요?

자, 이제 결론입니다: 고객 기반을 정의하고, Webflow 고객 경험을 추적하며, 실제 오프라인 매장을 오픈하는 등 이 모든 작업을 수행할 계획이라면, 국제화를 위한 팁들을 모두 고려해볼 가치가 있을까요?

그리고 (음, 그렇다면) 대답이 '예'라면, 왜 Webflow 에서 해야 할까요?

답은 간단합니다: Webflow 활발한 글로벌 입지를 Webflow , Webflow (그리고 기술 팀)은 전 세계적으로 웹 빌딩 표준으로 자리매김하기 위해 진정으로 동기를 부여받고 있습니다 .

여러 레이아웃 기능을 통해 직관적으로 언어를 전환할 수 있을 뿐만 아니라(아래 GIF에서 볼 수 있듯이 LTR에서 RTL 언어로의 전환도 가능), Webflow사용자 커뮤니티는 전 세계적으로 분포되어 있으며 매우 활발합니다.

이는 전 세계 각지의 사용자들이 서로 다른 문화적·언어적 배경을 지녔음에도 동일한 도구를 사용하며, Webflow 넘어 Webflow 페이스북 그룹 같은 공간에서도 항상 서로를 지원한다는 의미입니다.

마지막 질문에 한마디로 답하기: 예.

Weglot 같은 Weglot 오랜 세월 쌓아온 문화적 공감 능력을 무기로 삼으면, 당신의 Webflow 해외 시장에서 큰 반향을 일으킬 가능성이 매우 높습니다.

드래그하고 드롭하며 제품 설명을 작성하는 동안 잠시 시간을 내어 전체적인 전자상거래 전략을 개선할 방법을 모색하거나, 특히 아름다운 다국어 Webflow 영감을 얻어보세요.

오늘 바로 Weglot 사용해 보세요. Webflow 를 다국어 사이트로 전환할 수 있습니다.