“Sara Mote와 저는 2014년에 MOTE 에이전시를 설립했습니다. 우리는 전자상거래에 특화되어 있으며, 정교한 디자인, 최첨단 엔지니어링, 그리고 끊임없이 변화하는 시장에 대한 최고의 서비스를 제공합니다. 웹 개발자 경력을 통해 혁신에 대한 갈망과 고객과의 지속적인 관계를 구축하고자 하는 브랜드를 위한 웹사이트 제작에 집중해 왔습니다. 여기서 제가 26년의 경험을 통해 얻은 통찰을 공유합니다.”
전자상거래 웹사이트를 디자인할 때, 항상 아름답고 전략적인 요소를 갖춘 것을 만들어야 합니다. Shopify는 코딩이나 디자인 경험이 없어도 두 가지 모두를 달성할 수 있는 전자상거래 웹사이트를 쉽게 만들 수 있도록 도와줍니다.
선도적인 전자상거래 플랫폼인 Shopify는 판매자들이 사용자 정의 가능한 테마를 사용하여 온라인 상점을 구축할 수 있게 합니다. 각 Shopify 웹사이트는 원클릭 결제 경험과 AI 기능이 제공되어 제품 설명, FAQ 질문에 대한 답변, 마케팅 이메일 작성을 도와줍니다. 이러한 도구는 사용하기에 간단하고, 지금 바로 DIY 사이트에서 판매를 시작할 수 있으며, 나중에 Shopify 상점을 확장하면서 전문 디자이너를 고용할 수 있는 옵션도 있습니다.
Shopify 웹사이트 디자인 방법
Shopify 사이트를 디자인할 때 가장 중요한 것은 성능과 사용 편의성에 중점을 두는 것과 동시에 브랜드를 확립하는 것입니다. 이를 통해 처음부터 시장에서 돋보일 수 있습니다.
Shopify 웹사이트 디자인에 접근하는 가장 좋은 방법은 다음과 같습니다.
1. 브랜드 스타일 가이드 만들기
웹사이트를 구축하기 전에 몇 가지 브랜드 관련 결정을 내려야 합니다. 이미 브랜드 가이드라인이 있다면 좋습니다. 없다면, 지금이 타이포그래피, 브랜드 색상, 로고를 확정할 때입니다.
타이포그래피
기본 상업용 글꼴과 같은 읽기 쉬우면서도 일반적이지 않은 글꼴로 시작하세요. 이는 Shopify 글꼴 라이브러리(한국어 지원 안 됨)에서 제공하는 무료 글꼴로, The Row와 같은 고급 브랜드에서 사용됩니다. 타이포그래피는 빠르게 많은 개성을 전달할 수 있습니다. 글꼴 선택은 웹사이트의 그리드 레이아웃에도 영향을 미치므로, 그 레이아웃을 기반으로 시작하는 것이 현명합니다.
색상
선택한 색상 팔레트는 소비자가 브랜드에 대해 느끼는 감정과 사이트의 정보를 이해하는 방식에 영향을 미칠 수 있습니다. 고대비 색상 팔레트는 가독성이 뛰어나고 접근 가능성이 높기 때문에 좋은 선택입니다. 예를 들어, 검정과 흰색을 브랜드 팔레트로 선택할 수 있으며, 이 기본 색상 내에서도 특정한 음영을 선택하여 분위기와 브랜드 정체성을 전달할 수 있습니다.
로고
로고는 비즈니스의 브랜드 인지도와 인식을 구축하는 데 중요한 요소입니다. 로고를 만드는 데 시간을 투자하세요. 로고는 기억에 남고 브랜드의 본질을 전달해야 합니다. 디자이너와 협력할 계획이라면, 여러 방향을 제시받고 최종 로고를 다듬을 수 있습니다. 현재 예산에 디자이너가 포함되지 않는다면, 온라인 로고 제작 도구를 사용하여 첫 로고를 만들 수 있습니다.
2. 테마 선택하기
Shopify 테마 스토어에는 다양한 선택지가 있으며, 유료 테마는 최대 450달러까지 다양합니다. 어느 걸 선택해야 할지 모르겠다면, Dawn을 시도해 보세요. Dawn은 질 높은 Shopify 상점을 위한 완벽한 기준선으로 전환율에 매우 중요한 뛰어난 모바일 성능을 가진 무료 Shopify 테마입니다.
테마를 비교할 때 고려해야 할 사항은 다음과 같습니다.
예산
자본이 제한된 새로운 사업자라면, 무료 테마로 시작하여 얼마나 성장할 수 있는지 확인하는 것이 좋습니다. 사업이 성장한 후 프리미엄 테마로 업그레이드할 수 있습니다. 그때는 어떤 기능에 비용을 지불할 의사가 있는지 더 잘 알게 될 것입니다. 더 많은 기능이 필요하지만 디자이너를 고용할 예산이 없다면, 프리미엄 테마가 좋은 선택이 될 수 있습니다.
제품 카탈로그 크기
테마 선택은 카탈로그에 있는 제품 수에 따라 결정됩니다. 대부분의 무료 및 유료 테마는 200개 이상의 제품을 지원하지만, 일부 품질 높은 테마(예: Dawn)는 최대 199개 제품을 지원하며, 9개 제품까지만 지원하는 소수의 테마도 있습니다. Shopify 테마 스토어에서 카탈로그 크기로 테마를 쉽게 필터링할 수 있습니다.
웹사이트 기능
Shopify 스토어에 필요한 특정 기능, 예를 들어 고정 내비게이션, 비디오, 또는 빠른 구매와 같은 기능이 있다면, Shopify 테마 스토어 내 검색 바를 사용하여 해당 기능이 있는 테마만 찾아볼 수 있습니다.
모바일 경험
웹사이트 트래픽의 대부분이 고객이 보통 Instagram이나 TikTok을 통해 제품을 찾는 경우처럼 모바일에서 발생한다면, 화려한 기능보다 빠른 로딩 속도를 우선시해야 할 것입니다. 모바일 사용자는 화려한 기능을 전혀 사용하지 않을 수 있으며, 사이트가 로딩되는 데 너무 오랜 시간이 걸리면 이탈할 가능성이 높습니다. 이는 검색 엔진 최적화(SEO)를 개선하는 추가적인 이점이 있습니다. 테마를 비교할 때는 데모 테마의 모바일 버전을 꼭 확인하세요(휴대전화로 확인하는 것을 추천).
3. 브랜드 요소 추가하기
테마를 선택한 후, 브랜드 요소를 추가할 차례입니다. Shopify 사이트에 브랜드 요소를 추가하는 방법은 다음과 같습니다.
로고와 브랜드 색상 추가하기
Shopify 관리 페이지에서 설정 > 일반을 선택한 후, 브랜드 자산 섹션에서 관리하기를 선택합니다. 그런 다음 로고와 브랜드 색상을 추가할 수 있습니다. 이들은 자동으로 Shopify 테마와 브랜드 API가 있는 다른 채널에 적용됩니다.
테마 사용자 지정하기
테마 편집기에서 Shopify 상점을 추가로 사용자 지정할 수 있습니다. 온라인 스토어 > 테마로 이동하여 편집할 테마를 클릭한 후, 사용자 지정을 선택합니다. 그런 다음 테마 설정 기어 아이콘을 클릭하여 타이포그래피에서 레이아웃 특성(수평 및 수직 간격 등)까지 모든 것을 사용자 지정할 수 있습니다.
브랜드 결제 경험 만들기
작은 디테일이 브랜드에 대해 많은 것을 말해줄 수 있습니다. 완전한 브랜드 경험을 위해서는 결제 경험을 사용자 지정해야 하며, 이는 결제 후 Shopify 스토어에 표시되는 감사 및 주문 상태 페이지를 포함합니다. 이들은 모두 웹사이트의 나머지 부분과 일치해야 합니다. 설정 > 결제 > 사용자 지정으로 이동하여 로고를 추가하고 색상과 글꼴을 변경할 수 있습니다.
이메일 템플릿 편집하기
고객이 주문할 때, 그들과의 관계를 더욱 발전시킬 기회가 생깁니다. 일반적인 이메일 대신, Shopify 관리 페이지에서 설정 > 알림 > 고객 알림 > 이메일 템플릿 사용자 지정로 이동하여 브랜드 이메일 템플릿을 만드세요. 로고와 브랜드 색상을 추가하여 이메일이 즉시 인식될 수 있도록 합니다. 텍스트도 편집하여 고객에게 공유 가치를 상기시키거나 제품 교육을 통해 구매에 대한 기대감을 높이세요. 이메일에 브랜드 목소리와 개성을 담는 것을 잊지 마세요.
사진 활용하기
단순하고 직관적인 웹사이트가 반드시 지루하진 않습니다. 라이프스타일 및 제품 사진을 통해 많은 브랜드 개성을 전달할 수 있습니다. 제품 페이지의 이미지와 일관성을 유지하세요. 예를 들어, 각 제품을 동일한 색상 배경에서 같은 조명으로 촬영합니다. 고품질 제품 사진은 고객이 구매하는 데 자신감을 줄 수 있으며, 선택한 색상, 질감 및 소품은 분위기를 조성하고 브랜드를 확립하는 데 큰 도움이 됩니다.
4. 성능 점검하기
세상에서 가장 아름다운 사이트를 가질 수 있지만, 제대로 로드되지 않으면 고객에게는 의미가 없습니다. 따라서 Shopify 스토어와 사이트를 디자인할 때는 웹사이트 기능이 항상 우선시되어야 합니다.
웹 성능을 측정하는 기준은 코어 웹 바이탈입니다. 이는 사용자가 가장 중요하게 여기는 기본 기능인 로딩 속도, 상호작용성 및 시각적 안정성을 의미합니다. 코어 웹 바이탈이 좋지 않으면 웹사이트 방문자는 불편한 경험을 하거나 이탈할 수 있으며, 이로 인해 이탈률이 증가할 수 있습니다. 또한 웹 바이탈이 기준에 미치지 못하면 검색 엔진이 사이트의 우선순위를 떨어뜨릴 수 있습니다.
Shopify 관리 페이지에서 판매 채널 > 온라인 스토어 > 테마로 이동하여 코어 웹 바이탈을 확인할 수 있습니다.
Dawn과 같은 미니멀리스트 테마를 사용하는 장점 중 하나는 기본적으로 높은 성능을 제공한다는 점입니다. (모든 Shopify 테마는 속도와 신뢰성을 검증받았음) 견고한 성능 기준선에서 시작하면 변경 사항이 코어 웹 바이탈에 미치는 영향을 쉽게 확인할 수 있습니다.
Shopify 웹사이트 디자인은 균형이 중요합니다. 예를 들어, 비디오는 매우 강력한 스토리텔링 매체가 될 수 있지만, 큰 파일 크기는 로딩 속도를 감소시킬 수 있습니다. 보석 브랜드 Jacquie Aiche의 경우, 느린 인터넷 연결을 가진 사용자에게는 플레이스홀더 이미지를 보여주는 솔루션을 선택했습니다. 이렇게 하면 로딩 속도와 관계없이 사용자 경험이 손상되지 않습니다.
비디오, 큰 이미지 및 기타 시각적 요소만이 사이트 속도에 영향을 미치는 것은 아닙니다. Shopify 사이트에 기능을 추가하거나 다른 플랫폼과 연결하는 타사 코드 조각인 플러그인도 사이트 속도를 저하시킬 수 있습니다. 웹 디자이너는 브랜드의 다른 사이트 경험을 개선하기 위해 성능 저하를 감수할 가치가 있는 기능과 웹 바이탈을 희생할 수 있는 기능을 결정해야 합니다.
5. 큐레이션에 집중하기
온라인 스토어 소유자로서, 상품화 결정을 통해 고객의 선택에 영향을 미칠 수 있습니다. 큐레이션은 품질 높은 전자상거래 상품화의 핵심 요소입니다. 행동 경제학자들은 이를 선택 구조라고 부르며, 이는 Richard Thaler와 Cass Sunstein이 그들의 저서 Nudge에서 만든 용어입니다.
선택 구조의 예를 들어보겠습니다. 새로 들어온 제품 컬렉션이 있다고 가정해 보세요. 기본 순서로 제품을 표시하는 대신, 함께 잘 어울리는 제품들이 나란히 배치되도록 수동으로 재배치합니다.
이런 세심한 큐레이션은 고객의 신뢰를 구축하는 미세한 심리적 효과를 가질 수 있습니다. 고객은 “새로 들어온 제품 페이지를 정리할 만큼 이 브랜드에 대해 신경 쓴다면, 내 패키지에도 신경 쓸 것이다.”라고 생각할 수 있습니다. Shopify의 드래그 앤 드롭 테마 편집기를 사용하면 제품과 이미지를 재배치하여 최고의 고객 경험을 제공할 수 있습니다.
컬렉션 페이지만이 큐레이터로서의 능력을 보여줄 수 있는 곳은 아닙니다. Shopify의 검색 및 발견 앱을 사용하면 모든 제품 페이지에 보완적인 제품을 표시할 수 있습니다. 예를 들어, 패션 스토어를 운영하고 있고, 누군가 티셔츠 제품 페이지를 보고 있다면, “이 티셔츠는 이 바지와 이 재킷과 잘 어울릴 것 같습니다.”라고 말할 좋은 기회입니다. 보완적인 제품을 큐레이션 하는 것은 신뢰를 구축하는 데 도움이 될 뿐만 아니라, 평균 주문 금액을 증가시킬 가능성도 있습니다.
6. 채널 간 조화 이루기
Shopify 스토어는 고객이 전자상거래 비즈니스를 찾을 수 있는 유일한 장소가 아닐 것입니다. 소셜 미디어나 다른 플랫폼을 사용하는 경우, Shopify 스토어를 더 큰 멀티 채널 판매 전략의 일환으로 고려하는 것이 중요합니다.
예를 들어, Instagram에서 인플루언서 마케팅 캠페인을 진행하고 있다면, 그 인플루언서의 사진을 홈페이지에 배치하세요. 이렇게 하면 고객이 Instagram을 통해 웹사이트에 도착했을 때 연속성을 느낄 수 있습니다. 그들의 기대가 충족되고 신뢰를 즉시 구축하기 시작할 것입니다.
Shopify 앱 스토어에서는 Shopify 사이트를 Instagram, TikTok 등 다른 채널과 연결할 수 있는 앱을 찾아볼 수 있습니다. 이를 통해 모든 캠페인을 Shopify 관리 페이지에서 한 곳에서 관리할 수 있습니다. 모든 것을 한곳에 두면 브랜드 변경 사항을 일관되게 적용하기가 훨씬 쉬워집니다.
Shopify 스토어를 위해 디자이너를 고용해야 하는 시기
브랜드가 성장함에 따라, 더 이상 웹사이트를 직접 관리하는 것이 의미가 없을 수 있습니다.
Shopify 스토어를 위해 디자이너를 고용해야 할 때는 다음과 같습니다.
- 사이트 작업에 드는 시간이 제품 디자인, 컬렉션 큐레이션, 직원 관리와 같은 중요한 비즈니스 활동을 방해할 때
- Shopify 테마가 더 이상 요구 사항을 충족하지 못할 때
- 브랜딩을 재정립하고 싶고, 그에 맞는 새로운 웹사이트가 필요할 때
좋은 디자이너나 개발자는 브랜드가 성장함에 따라 매월 분석을 확인하여 업데이트나 재디자인을 추천해 줄 것입니다. 그들은 또한 웹사이트의 필요가 더 복잡해짐에 따라 기본 템플릿에서 찾을 수 없는 맞춤형 기능을 추가할 수 있습니다.
Shopify 웹사이트를 디자인하는 방법 FAQ
Shopify 사이트를 구축하는 데 비용은 얼마나 드나요?
Shopify Basic 플랜은 월 25달러부터 사용자 정의 도메인으로 Shopify 사이트를 구축할 수 있습니다. 플랜 선택은 기본적으로 팀의 규모에 따라 다릅니다.
- Shopify의 Basic 플랜은 하나의 Shopify 계정 사용자와 함께 제공됩니다.
- Shopify Shopify 플랜은 다섯 개의 추가 직원 계정을 포함합니다(월 65달러).
- Shopify Advanced 플랜은 15개의 추가 직원 계정을 제공합니다(월 399달러).
- 대량 판매자들은 무제한 직원 계정과 B2B 기능을 포함하는 Shopify Plus(월 2,300달러)로 업그레이드할 수 있습니다.
Shopify 웹사이트를 만들기 위해 코딩 경험이 필요한가요?
아니요. Shopify 사이트를 만들고 자신의 온라인 상점에서 판매를 시작하기 위해 코딩 경험이 필요하지 않습니다. Shopify의 드래그 앤 드롭 테마 편집기를 사용하면 코딩 없이 전자상거래 웹사이트를 쉽게 사용자 지정할 수 있습니다.
Shopify 사이트를 구축하기 위해 디자이너를 어떻게 고용하나요?
Shopify 사이트 구축에 특화된 많은 웹 디자이너가 있습니다. Shopify 파트너 디렉토리에서 그들을 찾을 수 있습니다. 참고로 Shopify 파트너 디렉토리는 한국에서 사용할 수 없습니다.
