454
안녕하세요 디지털 프로덕트 에이전시 똑똑한개발자입니다. 한샘은 크리에이티브 블록 변경과 함께 홈페이지가 리뉴얼 되었습니다. 새로운 변화에 발 맞춰 한샘몰 ‘인테리어’ 탭 내 UI & 기능개발을 진행했던 똑똑한개발자의 개발 경험을 담아볼까 합니다.
새로워진 한샘의 로고와 홈페이지 UI
54년의 헤리티지를 이어온 한샘이 32년 만에 새로운 로고를 공개했었습니다. 기존의 로고 컬러감을 더욱 또렷이 살리면서 한샘만의 아이덴티티를 잃지 않은 모습에 ‘최근 본 리브랜딩 중 가장 완벽하다’는 찬사를 받은 로고이기도 합니다.
새로워진 BI에서는 ‘HANSSEM’을 9개의 크리에이티브 블록과 빨강, 노랑, 파랑의 삼원색으로 표현했습니다. 가로와 세로, 대각선으로 길게 뻗어있는 크리에이티브 블록은 한샘의 역동적인 확장성을 상징합니다. 지난 1월 문을 연 스타필드 수원점에서 변경된 심볼을 가장 먼저 찾아 볼 수 있었습니다. 새로운 로고는 스타필드 수원점의 매장 간판과 실내 인테리어를 시작으로 한샘몰 애플리케이션, 고객용 쇼핑백·계약서, 제품 포장 등 모든 채널에 순차 적용 되고 있습니다.
로고 변화에 맞춰, 홈페이지 또한 새롭게 다가기기 위해 신규 기능들이 추가되었습니다. 똑똑한개발자는 한샘몰 내 ‘인테리어’ 섹션 내 UI와 기능 개발을 모두 맡아 구현했습니다.
기업이 리브랜딩을 시도하는 이유
가장 큰 이유 중 하나는 시대에 맞지 않거나 소비자의 기대에 부응하지 못하는 기존 브랜드 이미지 탈피를 목표로 합니다. 기술, 문화, 경제 등 여러 측면에서의 변화에 대응하기 위해 기업은 자주 새로운 아이덴티티를 찾고, 이를 통해 소비자와의 연결을 강화하기 위해 리브랜딩을 시도합니다.
리브랜딩을 통해 새로운 룩앤필이나 메시지를 통해 기존 고객을 유지하면서 새로운 고객층을 확보 가능한 장점이 있습니다. 브랜드의 현대적이고 경쟁력 있는 모습을 강조함으로써 시장에서 더 큰 주목을 받을 수 있습니다.
리브랜딩은 상당한 비용과 시간이 소요되는 일이기 때문에 진행 시 신중한 계획과 실행 또한 필수입니다. 항상 소비자의 니즈와 시장 동향을 파악하고, 전략적으로 진행하는 것이 중요합니다.
브랜드를 새롭게 정의하고자 할 때, 로고와 브랜드 색상 변경이 필수적입니다. 로고는 브랜드의 핵심이자 시각적 심볼이기 때문에 새로운 로고를 디자인하면서 브랜드의 새로운 정체성과 메시지를 담아내야 합니다.
심볼과 함께 조화를 이루는 중요한 부분이 바로 홈페이지 개선입니다. 홈페이지는 디지털 시대의 또 다른 얼굴로 고객들이 처음 접하는 곳입니다. 홈페이지에 신규 서비스 리뉴얼을 통해 브랜드의 새로운 비전과 가치를 명확하게 전달할 수 있습니다. 브랜드 메시지를 효과적으로 전달하면서 고객과의 상호작용을 강화하는 가치를 창출 또한 가능합니다. 오늘은 한샘의 리브랜딩에 맞춰 똑똑한개발자가 홈페이지 리뉴얼을 함께한 스토리를 상세히 남겨보고자 합니다.
Key point (1) 사용자 중심으로 초점을 맞춘 “인테리어 3D 견적상담”
새로운 출발에 앞서 인테리어를 바꾸고 싶어지는 때가 있습니다. 하지만 인테리어 센터를 방문하고 견적서를 주고 받는데 걸리는 시간이 꽤나 걸리기 마련입니다. 그럴 때 모두가 하게 고민이 바로 “불편함” 입니다. “인테리어 3D 견적상담”은 인테리어를 준비하기 위해 소요되는 시간을 보다 합리적으로 사용하기 위해 개발되었습니다.
초반 기획의 핵심 포인트는 “언택트(비대면) 강조” 였습니다. ”언택트 3D 견적상담”라는 네이밍으로 시작하여 최종적으로 “인테리어 3D 견적상담”으로 기획이 변경 되었고, 사용자(유저) 중심으로 초점을 맞추게 되었습니다.
"거실을 우드톤으로 바꾸고 싶어요"나 "전체 아파트를 밝고 화사하게 리모델링하고 싶은데, 견적은 어떻게 되나요?"와 같은 구체적이지 않은 요청은 상담을 더 오래 늘어뜨리게 만들 수 있습니다. 고객들의 요구사항을 명확하게 이해하고 효율적으로 상담을 진행하기 위해 인테리어 3D 견적 상담이 도입되었습니다. 이를 통해 상담 과정이 단축되어 원활한 의사소통과 빠른 진행이 가능하도록 구현되었습니다.
인테리어 3D 견적 상담은 유저가 리모델링 신청 시, 3D 기술을 활용됩니다. 구체적인 질문 리스트를 작성하고, 그에 따라 미리 리모델링 구조를 시각적으로 확인할 수 있는 기능을 제공합니다. 간단한 질문을 통해 시공 후의 집의 모습을 미리 3D로 시뮬레이션할 수 있어, 고객은 더 명확하게 원하는 결과물을 시각화하여 확인할 수 있습니다.
Key point (2) 유저의 니즈를 충족시켜주는 “예산 감잡기 기능”
인테리어는 예산 지출이 상당히 큰 부문 중 하나입니다. 이에 따라, 미리 얼마정도 비용이 드는지 파악하고 싶은 수요가 높기 마련입니다. 이런 사용자 니즈를 충족시켜주기 위해, 최종 상담 전에 간편하게 예산을 확인할 수 있는 서비스를 개발했습니다.
이 인테리어 예산 감잡기 기능을 통해 시공할 공간의 평수, 방과 욕실의 수를 선택하면 총 예산을 빠르게 파악 할 수 있습니다. 제공된 데이터를 기반으로 사용자가 간편하게 대략적인 예산을 인지할 수 있습니다. 원하는 공간을 선택하면 해당 부분의 상세 정보를 확인할 수 있습니다. 더불어, 방이라는 큰 분류 하위로 서재, 침실 등 소분류 버튼을 추가하여 보다 상세한 정보를 얻을 수 있도록 구현하였습니다.
Key point (3) 1:1 유저 만족 서비스 “인테리어 취향 테스트”
고객과의 소통을 강화하기 위한 다양한 시도의 일환으로 나만의 공간을 완벽하게 표현하고 싶은 니즈 바탕의 인테리어 취향 테스트를 구현했습니다. 유저는 마음에 드는 이미지와 원하는 자재를 선택하여 나만의 취향에 맞는 무드의 인테리어 제안을 받을 수 있습니다. 이 제안 결과를 토대로 상담 신청도 간편하게 할 수 있도록 구현 되었습니다.
최종목표는 “상담 신청 완료까지의 유저 여정 최소화”
똑똑한개발자가 구현한 3가지 기능은 모두 사용자의 상담까지의 여정을 최소화하기 위해 고안되었습니다.
사용자는 원하는 인테리어 스타일과 관련된 정보, 상품, 매장, 예산 감잡기, 견적 상담을 손쉽게 확인할 수 있는데, 이 인테리어 탭의 기능들은 모두 사용자 문의를 더욱 간편하게 하는 것이 목표로 설정되어 있습니다. 매장 찾기 페이지에서는 오프라인으로의 접근성을 높이기 위해 직접 매장 상담 요청이나 빠른 상담이 가능한 채널이 마련되었습니다. 이렇게 모든 기능이 통합되어 사용자가 상담까지의 여정을 최대한 간소화하고자 노력하고 있습니다.
폼 작성 중에도 빠르게 상담 페이지로 이동할 수 있는 채널이 마련되어, 고객들이 신속하게 문의를 할 수 있는 프로세스를 제공합니다. 많은 문의를 유도하기 위한 다양한 서비스를 고안하고, 사용자들이 원하는 정보를 빠르게 얻을 수 있도록 설계되었습니다.
프로덕트 퀄리티 향상을 위한 특별한 회고문화
프로젝트가 마무리되고, 이제 가장 중요한 부분이 남았는데, 바로 회고입니다. 프로젝트에 참여한 모든 팀원이 모여 경험을 공유하고 앞으로의 발전 방향을 논의하는 소중한 시간입니다. 이번 회고에도 한샘 프로젝트에 참여한 디벨로퍼들 모두가 함께 참여 했습니다.
똑똑한 개발자의 회고 방식은 다소 특이할 수 있습니다. 회고 시간에는 디지털 기기를 사용하지 않는데요. 개인 피드백은 손으로 노트에 기록하고, 스마트폰은 뒤집어 놓습니다. 모두가 회고에 집중할 수 있는 환경을 조성하기 위해 규칙이 정해졌습니다.
액션 플랜 연결을 위한 회고 기록과 앞으로의 방향성을 수립하기 위해 우리는 회고 카드를 직접 제작 했습니다.
이 독특한 카드를 기반으로 회고를 진행하게 됩니다. 회고 카드는 우리의 액션 플랜을 도출하고, 프로젝트에서 얻은 교훈을 정리하는 데 도움을 주고 있어요. "Keep", "Problem", "Try" 세 가지 키워드를 활용하여 우리의 생각을 체계적으로 정리하고, 앞으로의 방향에 대한 인사이트를 얻을 수 있게 돕습니다.
우리는 지속할 가치 있는 점과 팀원과의 원활한 소통 포인트를 담은 K(Keep)부터 시작해, 문제가 있었던 부분을 P(Problem)로 정리하고, 개선을 시도해 볼 점을 T(Try)로 나열하여 KPT 정리를 진행합니다. 이런 방식을 통해 효과적으로 회고를 진행하고 미래의 행동 계획을 세울 수 있는 장점이 있습니다.
효과적인 회고 문화를 유지하기 위해 코드 리뷰 등 다양한 시도를 통해 지속 가능한 개선을 검토합니다. 회고 카드를 도입하여 창의적인 아이디어를 제시하고, 편안한 환경에서 문제에 대한 해결책을 공유할 수 있는 기회를 만들고 있습니다. 중요한 것은 바로 "자유로움"입니다. 자유로운 분위기에서 각자의 생각을 정리하고 나누며, 새로운 아이디어를 프로젝트에 도입할 수 있습니다. 코드 리뷰를 통해 도출된 시도들은 프로덕트 퀄리티를 향상시키는 데 큰 도움이 되고 있습니다.
회고는 프로젝트를 마무리 하면서 뿌듯함을 느끼는 동시에, 앞으로의 방향을 결정하는 중요한 시간입니다. 회고 문화를 통해 공동체에서의 회고 순간은 우리를 더 나은 디벨로퍼로 만들어줍니다. 읽어주셔서 감사합니다.
📝 함께 보면 좋은 글
🔎 안녕하세요. 똑똑한개발자 입니다.
4
0