대부분의 웹 디자이너는 SaaS 대시보드, 전자상거래 쇼핑몰, 라이프스타일 브랜드와 같은 유사한 디자인 환경에 익숙해져 있습니다. 그래서 주조 공장, 내화물 공급업체, 보일러 제조업체와 같은 기업의 웹사이트를 디자인하게 되면, 흔히 똑같은 공식을 따르려는 경향이 있습니다. 예를 들어, 히어로 비디오, 큰 글꼴, 패럴랙스 스크롤 등을 사용하는 것이죠. 하지만 이러한 접근 방식은 거의 항상 잘못된 것입니다.
산업 구매자들은 소비자와는 다르게 행동합니다. 그들은 부품 번호, 납기일, 그리고 단 몇 초라도 허용할 수 있는 마찰 허용 범위를 가지고 있습니다. 이러한 점을 무시하고 설계한다면, 아름다운 웹사이트를 만들었지만 정작 그 웹사이트의 주요 고객인 산업 구매자들을 실망시키는 결과를 초래할 것입니다.
중공업 고객을 위한 디자인 및 개발 작업을 진행하면서도 전문성을 잃지 않는 방법을 소개합니다.
화면 저편에 실제로 누가 있는지 알아두세요
산업 현장의 사용자 페르소나는 일반 쇼핑객이 아닙니다. 특정 문제를 해결해야 하는 구매 관리자, 공장 엔지니어 또는 유지보수 책임자입니다. 이들은 시끄러운 시설 내 데스크톱에서 작업하는 경우가 많고, 때로는 트럭 안에서 전화 통화를 하며, 거의 항상 시간적 압박을 받습니다.
이는 "좋은 UX"의 의미를 바꿔놓습니다. B2B 사용자는 소비자보다 불편함을 훨씬 더 크게 용인하는데, 그들의 시간은 유료이며 그들의 결정은 검토 대상이기 때문입니다. 산업 현장에 적용되는 핵심 교훈은 간단합니다. 명확성이 만족보다 중요하고, 구체성이 설득력보다 중요하다는 것입니다.
그 내용을 브리핑 자료에 반영하세요. 구매자가 전화를 걸기 전에 어떤 세 가지 질문을 하는지 클라이언트에게 물어보세요. 그리고 그 답변들이 중요한 페이지의 상단에 잘 보이도록 배치하세요.
정보 아키텍처는 진정한 디자인 작업입니다.
잘 만들어진 공급업체 웹사이트를 살펴보세요. 예를 들어 자재 중개업체 웹사이트를 보세요. 다이버시파이드 세라믹 서비스 주식회사 탐색 메뉴가 두 가지 축, 즉 그들이 조달하는 재료와 그들이 서비스를 제공하는 산업 분야를 중심으로 구성되어 있다는 것을 알 수 있을 겁니다. 이는 디자인적인 선택이 아니라 구매자가 검색하는 방식을 그대로 반영한 것입니다.
카올린을 찾는 도자기 제조업체는 당신의 브랜드 스토리에 관심이 없습니다. 그들은 당신이 카올린을 취급하는지, 어떤 형태로 취급하는지, 그리고 그들의 지역에 서비스를 제공하는지 확인하고 싶어할 뿐입니다. 이러한 소비자 심리를 반영하는 건축물이 그 어떤 시각적인 장식보다 훨씬 효과적일 것입니다.
Figma를 열기 전에 분류 체계를 스케치하세요. 화이트보드에 두 개의 열을 만드세요. 하나는 회사가 판매하는 제품, 다른 하나는 구매자를 위한 것입니다. 빌드에 포함된 모든 페이지는 양쪽 열에서 두 번 클릭만으로 접근할 수 있어야 합니다.
산업 구매자에게 성능과 접근성은 선택 사항이 아닙니다.
공장 네트워크는 빠르지 않습니다. 현장 연결도 불안정합니다. 메인 섹션에서 4MB짜리 자동 재생 동영상이 나온다면, 핫스팟을 사용하는 테네시 시골 지역의 구매자는 이미 마음을 돌린 셈입니다.
Google 자체 핵심 웹 바이탈 가이드라인은 빠른 LCP(수명주기 계획)와 안정적인 레이아웃을 강조하며, 이러한 지표는 산업 현장에서 더욱 중요해집니다. 접근성 또한 마찬가지입니다. 고령 구매자, 저조도 환경, 장갑을 낀 손으로 터치스크린을 사용하는 상황 등은 실제로 존재하는 조건입니다.
- 미디어 무게를 줄이세요. 구매 페이지에서는 최적화된 정적인 이미지가 배경 동영상보다 더 나은 성과를 보여줍니다. 동영상은 사례 연구에 활용하세요.
- 움직임 감소를 존중하십시오'prefers-reduced-motion' 미디어 쿼리를 준수하십시오. 장시간 교대 근무하는 공장 엔지니어들이 감사할 것입니다.
- 최소 WCAG AA 등급을 충족하세요.선명한 대비, 실제 포커스 상태, 키보드 탐색은 접근성을 위한 보여주기식 요소가 아닙니다. 필수적인 기본 요소입니다.
- 스로틀링된 연결에서 테스트크롬 개발자 도구에서 느린 3G 환경에서도 사이트가 제대로 작동하지 않는다면, 해당 국가의 절반 지역에서도 제대로 작동하지 않는 것입니다.
진지한 관객을 위한 사진 및 시각 언어
산업적인 느낌이 못생겼다는 뜻은 아니고, 진지하다는 느낌이 지루하다는 뜻도 아닙니다. 하지만 시각적인 표현은 트렌드를 쫓는 것이 아니라 전문성을 보여줘야 합니다. 스트리트웨어 브랜드에 어울리는 굵은 글꼴은 내화벽돌 사양을 작성하는 공장 관리자에게는 진지하지 않게 보일 수 있습니다.
숫자에는 휴머니스트 산세리프체나 트랜지셔널 세리프체를 사용하는 것이 좋습니다. 사양, 부품 번호, 측정 단위는 이러한 사이트 곳곳에 나타나므로 표 형식의 그림과 데이터 표에 적합한 명확한 모노스페이스 글꼴을 사용하는 것이 중요합니다.
색상은 장식이 아닌 기능을 수행해야 합니다. 강렬한 색상은 행동 유도 버튼(CTA)과 안전 관련 안내 문구에만 사용하고, 나머지 색상은 제품 이미지와 조화를 이루도록 차분한 색조로 구성하세요.
중공업 분야에서 전환율을 높이는 콘텐츠 패턴
산업용품 공급업체를 위한 잠재 고객 확보는 랜딩 페이지 하단의 화려한 양식을 통해서 이루어지는 경우가 드뭅니다. 구매자가 당신이 그들의 프로세스를 이해하고 있다고 믿을 때 비로소 잠재 고객 확보가 이루어집니다.
- 재료 및 제품 페이지형태, 등급, 일반적인 적용 분야 및 사용 산업 분야를 포함해야 합니다. 주조용 내화물에 대한 페이지는 브로셔가 아닌 사양서처럼 작성되어야 합니다.
- 업계 관련 페이지고객의 세계를 반영하세요. 파운드리 전용 페이지는 일반적인 마케팅 문구가 아닌 파운드리 전문 용어를 사용해야 합니다.
- 서비스 영역 명확성만약 고객이 10개 주에 배송한다면, 그 목록을 기재하세요. 구매자는 배송 지역을 알 수 없으면 금방 구매를 포기하게 됩니다.
- 실제 접촉 경로헤더에 전화번호를 넣는 것이 어떤 챗봇보다 효과적입니다. 일부 고객의 경우, 이 한 가지 결정만으로도 웹사이트 개편보다 더 많은 문의를 유도할 수 있습니다.
사이트를 유용하게 유지하는 인수인계
산업체 고객들은 복잡한 CMS를 유지 관리할 마케팅 팀을 보유하고 있는 경우가 드뭅니다.
클라이언트가 실제로 업데이트할 수 있는 스택을 선택하세요.제품 사양을 위한 사용자 정의 블록을 사용하는 간소화된 WordPress 빌드는 직원 누구도 수정할 수 없는 맞춤형 헤드리스 설정보다 수명이 더 깁니다.
패턴을 기록하세요새로운 자료나 업계 페이지를 추가하는 방법에 대한 간단한 Loom 영상을 녹화하세요. 6개월 후, 클라이언트가 새로운 사업 분야를 확보했을 때, 당신에게 연락하지 않고도 직접 게시할 수 있어야 합니다.
산업 고객을 위한 디자인은 절제된 디자인을 추구합니다.구매자에게 도움이 되지 않는 부분을 제거하고, 도움이 되는 부분을 더욱 정교하게 다듬으면, 그 결과물은 당신이 한 해 동안 배송할 가장 만족스러운 제품 중 하나가 될 것입니다.