철강 업계 최초 전문 온라인 쇼핑몰, 대덕강업 스틸1번가 2018.04.02
Project Information
Project Information
프로젝트명 대덕강업 스틸1번가
URL https://steel1st.co.kr
부문 Website
클라이언트 (주)대덕강업
오픈일 2018.04.02

대덕강업은 기존 업계 전반에서 이뤄지고 있던 오프라인 기반의 재래식 구매, 발주 방식을 온라인 기반으로 전환하고, 사이트 상에서 제품 단가 및 정보를 실시간으로 확인할 수 있도록 함으로써 고객에게 빠르고 편리한 제품 구매 서비스를 제공하기 위해 철강 업계 최초로 전문 온라인 쇼핑몰인 '스틸1번가'를 구축했습니다. 어느 때보다 긴밀한 파트너십과 업계에 대한 깊은 이해도가 필수적이었던 이번 프로젝트. 어떻게 제작됐을까요?




↑Alt태그 :

철강 유통 분야는 고객의 연령층이 비교적 높은 편이라 온라인에 익숙하지 않은 경우가 대부분입니다. 또한 취급하는 품목이 워낙 방대한 데다 사이즈, 재질, 길이 등에 따라 단가가 책정되는 제품의 특성상, 가격 산정 과정이 복잡하다 보니 고객들은 대다수 전화 문의에 의존하고 있는데요. 실제 구매에 관한 모든 업무 과정 역시 전화, 팩스 등의 전통적 방식을 통해 이뤄지고 있습니다. 기존 온라인 사이트를 통해 철강 제품을 거래하던 동종업계사의 경우에는 일정한 주기로 변경되는 단가를 실시간으로 사이트 상에 반영하지 못한 탓에 게시 정보와 실제 거래 단가 간의 차이가 발생해, 결국엔 전화로 다시 문의해야 하는 상황도 빈번하게 일어나기도 했으며, 업무 과정이 나뉘어 진행되다 보니 불필요하거나 효율적이지 못한 프로세스가 존재하기도 했습니다.




Main Mission

↑Alt태그 :

위와 같은 업계 현안을 개선하고자 ‘스틸1번가’는 크게 세 가지 관점에서 기획됐습니다. 첫째, ‘철강을 쇼핑한다’는 콘셉트로 모든 구매 신청 업무를 사이트 내에서 One-Stop으로 처리할 수 있도록 제작하고, 둘째, 고객에게 제품 단가를 공개함과 동시에, 셋째, 구매하고자 하는 제품의 총 금액과 총 중량을 온라인상에서 실시간으로 확인할 수 있도록 구성하는 것입니다. 이번 프로젝트에서는 이들 Main Mission을 바탕으로 아래와 같이 4대 주요 전략을 수립해 사이트를 구축했습니다.




Strategy


1. One-Stop 구매 신청이 가능한 업계 최초 온라인 철강 쇼핑몰
앞서 밝혔듯이 이 사이트의 콘셉트는 ‘철강을 쇼핑한다’입니다. ‘쇼핑’을 단순히 ‘제품을 구매한다’는 의미로 본다면, 기존 주문 방식과 다를 것이 없다고 생각할 수 있지만, 여기서 언급하는 ‘쇼핑’은 ‘온라인 쇼핑몰 상에서 구매 희망 제품을 장바구니에 담고 이를 One-Stop으로 발주할 수 있도록 한다’는 개념입니다.

↑Alt태그 :

‘스틸1번가’에서는 사이트 상단에 위치한 바(bar)를 통해 원하는 모든 제품을 선택한 후 한 번에 발주를 진행할 수 있습니다. 상단 바는 Global navigation Bar(GNB) 구조로 구성되어 있되, Select Bar 형태로 설계됐는데요. 즉, 사이트에 필수적으로 적용되는 GNB에, 직관적으로 제품을 선택할 수 있게 하는 Select Bar의 기능을 결합한 것입니다. 이를 통해 고객은 원하는 제품 설명 페이지로 자연스럽게 이동할 수 있고, 스텝(제품, 사이즈, 재질, 길이 등)별로 상품을 선택할 수 있으며, 구매하고자 하는 상품을 장바구니에 담아 구매를 신청할 수도 있습니다. 이러한 내비게이션 시스템은 보편적으로 사용되는 구조는 아니지만, 사이트 UI/UX를 설계함에 있어 취급 제품의 특성을 고려해 최적화시킨 Custom UI 구조입니다.

↑Alt태그 :

↑Alt태그 :

또한 기존 쇼핑몰들에서 볼 수 있었던 Category 구조에서 탈피해, 하위 Depth를 없애고 표면적으로 제품을 메인 화면상에 풀어내어 보다 직관적으로 제품을 확인, 선택할 수 있도록 설계했습니다. 이는 온라인 환경에 익숙지 않은 고객을 위해 클릭 및 페이지 이동을 최소화하기 위한 방안이며, '스틸1번가'에서는 우선적으로 21가지 주요 제품을 선별해 취급하고 있습니다. 향후 고객들의 온라인 업무 숙련 정도와 취급 품목 증대 상황에 따라 실정에 맞도록 지속적으로 확대, 개발해나갈 계획입니다.




2. 제품의 총 금액 및 중량을 실시간으로 알려주는 투명한 온라인 사이트
‘스틸1번가’에서는 업계 최초로 제품 단가를 실시간으로 투명하게 제공하고 있습니다. 타사 사이트의 경우, 주로 ‘문의바람’ 등의 표현으로 대신하고 있으며, 앞서 언급한 바와 같이 단가를 공개한다 하더라도 업데이트가 미진해 게재된 단가와 실제 거래 단가가 다른 경우가 대다수라, 전화 등으로 2차 문의를 진행해야 하기에 번거롭습니다. 회원들만을 대상으로 단가를 공개하는 경우도 마찬가지죠.

↑Alt태그 :

‘스틸1번가’에서는 고객이 사이트 상에서 직접 구매 희망 제품의 세부 정보(제품, 사이즈, 재질, 길이, 수량 등)를 선택하기만 하면, 자동 산출 로직(logic)을 통해 제품의 총 금액과 총 중량을 실시간으로 확인할 수 있도록 개발했습니다. 특히 매주 새로 책정된 단가를 업데이트해 적시에 정확한 정보를 제공하고 있어 신뢰도가 높다는 평가를 받고 있습니다. 또한 회원, 비회원의 구분 없이 제품 단가를 공개하고, 비회원이더라도 제한 없이 구매 신청을 진행할 수 있도록 설계했습니다. 이는 비회원 주문을 허용하지 않을 경우 대중에게 가격을 공개하고 거래하는 의미가 없어지기 때문에 굳이 회원이 아니더라도 간편하게 서비스를 이용할 수 있도록 하기 위함이며, 온라인 환경에 익숙하지 않은 고객을 배려하고, 오픈된 정보로의 접근을 보다 활성화시키고자 기획된 부분입니다.




3. 기업 고객과 개인 고객의 균형을 생각한 B2B2C 사이트
관련 업계에 오래 종사했거나 기존 거래 경험이 있는 고객에게는 제품 세부 정보에 대한 니즈가 비교적 낮습니다. 이런 고객의 경우 제품 정보의 확인보다는 원활하고 빠른 구매를 원하기 때문에, 사이트 접속 후 바로 메인 화면에 배치된 상단 바만을 이용해 One-Stop으로 제품을 선택, 발주할 수 있도록 프로세스를 설계했습니다. 이는 대덕강업의 고객 중 업계 담당자의 비중이 월등히 높다는 점을 반영해 채택한 방식입니다.

↑Alt태그 :

하지만 최근 셀프 건축을 희망하는 고객들이 점차 늘면서 제품 정보에 대한 니즈가 차츰 높아지고 있습니다. 때문에 ‘스틸1번가’에서는 개인 구매자(혹은 업계 입문자)의 제품 이해도를 높이기 위해 제품 사진 및 규격 등의 필수 정보를 명료하게 제공하고 있습니다. 제품 정보는 메인 화면에 배치된 상단 바 혹은 제품 섬네일(Thumbnail)을 통해 상세 페이지로 이동 후 확인할 수 있는데요. 제품 정보를 확인한 고객이 구매를 원할 경우, 페이지 이동 없이 화면 상단에 고정 배치된 GNB를 통해 즉시 발주를 진행할 수 있도록 프로세스를 설계했습니다. 물론 선택한 모든 제품은 화면 하단에 위치한 미니 장바구니를 통해서도 재확인할 수 있도록 구성했습니다.




4. 고객과 관리자의 업무 효율을 높여주는 Win-Win Site
기존에는 관련 문서를 작성해 이메일 혹은 팩스로 송수신하며 발주를 진행했다면, '스틸1번가'에서는 웹 상에서 주문서를 작성해 즉시 송부할 수 있고 피드백을 받아볼 수도 있습니다. 웹 상에서 발주와 접수가 실시간으로 이뤄지고 상담 내용 역시 누적되기 때문에 관리자는 거래 내용을 손쉽게 Database화 할 수 있고, 고객의 과거 이력도 한 눈에 확인할 수 있어 관리 효율성이 증대됐습니다. 또한 주문 건에 대한 답변 등록 시 고객의 이메일 주소(가입 아이디)로 알림 메일을 자동으로 발송하도록 해 원활한 업무 진행을 가능케 했습니다.

↑Alt태그 :

↑Alt태그 :

‘프린트’, ‘PDF 다운로드’ 기능은 기존 이용됐던 팩스를 대체하기 위한 방안으로, 오프라인 업무에 익숙한 고객이 온라인상에서도 무리 없이 업무를 수행할 수 있도록 지원합니다. 이는 내부 보고용 혹은 확인용으로 주로 사용됐던 페이퍼 형태의 문서를 쉽게 인쇄할 수 있도록 배려한 것으로 업무의 디지털화로 인한 허들을 낮추기 위해 개발된 기능입니다.

↑Alt태그 :

쇼핑몰에서는 정보의 적시성을 유지하는 것이 무엇보다 중요합니다. 이를 위해서는 지속적인 업데이트가 필수적인데, ‘스틸1번가’에서는 관리자 페이지를 Customizing 하는 것으로 이를 해결했습니다. 제품에 대한 사전 분석을 통해 관리자 페이지상에서 다양한 품목을 간편하게 등록, 수정할 수 있도록 개발한 것인데, 특히 단가 정보가 동일하게 변경되는 제품들을 그룹핑(Grouping) 처리해 일괄 반영할 수 있도록 해 관리자의 업무 공수를 최소화했습니다.이 밖에도 Google Analytics를 적용해 Admin page 내에서 사이트 트래픽을 분석할 수 있도록 개발했습니다.




Epilogue


업계 최초, 철강 유통에 최적화된 온라인 서비스인 만큼 현장과 IT 측면 모두를 아우를 수 있는 사이트 개발 전략이 필요했습니다. 이를 위해 처음부터 높은 비용을 들여 사이트를 완벽하게 갖추기보다는, 기존 오프라인 업무에 익숙했던 고객들의 온라인 적응 기간, 관리 담당자의 니즈 변화, 이용자의 피드백 등을 고려해 지속적으로 개선, 반영해나가는 방식을 택하게 됐습니다. 이는 현장과 IT를 접목시킴에 있어 보다 현실적이고 합리적으로 접근하기 위한 방법론이기도 합니다.

↑Alt태그 :

‘스틸1번가’는 기존 레퍼런스가 거의 없을 정도로 새롭고 실험적인 사이트이자 새로운 업무 방식의 도입을 권장하는 사이트이기 때문에, 초기에는 고객들이 온라인상에서 더욱 효율적으로 구매 업무를 진행할 수 있다는 것을 우선 경험할 수 있게 하는 데 주력했습니다. 또한 ‘거래 단가와 제품 정보를 투명하게 공표해 고객들이 쉽고 빠르게 제품을 구매할 수 있도록 돕는 사이트’를 지향하고 있습니다. 앞으로도 '스틸1번가'가 고객들의 소중한 시간을 단축시켜주는 사이트로 지속 발전해나가길 바라며, 비단 철강 분야를 넘어서 흔히 굴뚝산업으로 칭해지는 제조, 건설 등 많은 산업 분야에서도 디지털화의 진전이 있기를 기대합니다.