개요
애드웰(AddWel)은 다우기술이 운영하는 임직원 복지·선물 전문 커머스다. 상단 띠배너의 "복지포인트를 네이버페이포인트로 주고 싶다면?"이라는 한 줄이 서비스의 정체를 정확히 말해준다. 회사가 지급한 복지 예산을 임직원이 실제로 쓰고 싶은 선물과 포인트로 바꿔주는 플랫폼이라는 것. 메인은 복날 기획전, MD 큐레이션, 랭킹 상품, 브랜드 제휴관으로 이어지는 전형적인 커머스 문법을 따르되, 구매 주체가 개인이 아닌 기업 담당자라는 점이 화면 곳곳에 배어 있다. 이번 리뷰에서는 상황별 선물 큐레이션 UX, 프로모션 중심 메인의 정보 밀도, 그리고 폐쇄형 복지몰이라는 특수한 조건에서의 웹디자인 전략을 살핀다.
브랜드 & 메시지
히어로 배너의 카피는 "올여름 무더위 타파! 복날 임직원 역대급 초특가전". 파란 그라디언트 배경 위에 마스코트 캐릭터를 세우고 "최대 58% 할인"을 붙여, 시즌 이슈(복날)와 타깃(임직원)과 혜택(할인율)을 한 화면에서 처리한다. 계절 기획전을 메인 헤드라인으로 쓰는 감각은 유통 커머스답게 기민하다. 브랜드 컬러는 로고부터 배너까지 블루로 일관되고, GNB는 복날기획전·오픈특가·생일선물·고객사 선물 등 목적 기반 메뉴로 짜여 있다. 상단 유틸리티 영역에 서비스 소개·주문관리·발송정보·결제·고객센터를 분리해 둔 것도 B2B 담당자의 업무 동선을 이해한 배치다. 다만 "애드웰 GRAND OPEN 특가" 배너가 말해주듯 아직 초기 단계의 서비스라, 프로모션 톤 아래에 브랜드 자체의 목소리를 쌓아갈 여지가 남아 있다.
UX/UI 관점
실제 화면에서 확인되는 강점은 뚜렷하다. 첫째, "MD가 고심해서 선택한 큐레이션 상품" 아래 직원생일·복날기념·결혼축하·입사축하를 파스텔 그라디언트 탭으로 배치해, 기업 선물의 실제 발생 상황을 그대로 내비게이션으로 만들었다. 담당자는 카테고리를 뒤질 필요 없이 상황을 고르면 된다. 둘째, 오픈특가·네이버페이·생일선물·기념일 서비스·명절로 이어지는 원형 아이콘의 "애드웰 전용 서비스 바로가기"가 핵심 기능을 한 줄로 요약한다. 셋째, "요즘 임직원 선물로 핫한 상품"은 숫자 배지를 단 랭킹형 그리드로, 네이버페이 포인트 5만원권부터 스타벅스·올리브영까지 실구매 데이터 감각의 사회적 증거를 만든다. 넷째, 상품 카드마다 배송상품 배지와 할인율, 최저가 전환 라벨을 겹쳐 구매 판단 정보를 계층화했다. 다섯째, "최근에 구경한 상품"과 맞춤 상품 ZONE으로 재방문 동선을 챙기고, 배달의민족·이마트·컴포즈커피·교촌·bhc·아웃백·버거킹이 늘어선 추천 브랜드 로고 카드가 플랫폼 신뢰도를 시각적으로 보증한다. 프로모션 밀도가 높은 만큼, 섹션 사이 여백과 배너 수를 조금만 덜어내면 UX/UI의 호흡이 한결 좋아질 것이다.
IA·SEO 전략
복지몰은 대부분의 상품·가격 정보가 로그인 뒤에 있는 폐쇄형 구조라, 검색엔진에 열어둘 공개 영역의 설계가 곧 SEO 전략이 된다. 애드웰이라면 서비스 소개 페이지를 "임직원 복지몰 도입", "기업 선물 플랫폼" 같은 B2B 담당자의 검색어에 대응하는 콘텐츠 허브로 키우는 것이 우선이다. 복날·명절·생일 등 시즌 기획전은 매번 새 URL을 만들기보다 고정 URL에 시즌 콘텐츠를 갱신해 검색 자산을 누적시키고, 각 기획전마다 고유한 title과 meta description을 부여해야 한다. 추천 브랜드관은 제휴 브랜드명 검색 유입을 받을 수 있는 공개 랜딩으로 활용할 만하다. 여기에 Organization·FAQ 구조화 데이터를 얹으면, 로그인 장벽 안쪽의 커머스와 별개로 도입 문의라는 전환 경로를 검색에서 직접 확보할 수 있다.
성능·접근성
메인 한 페이지에 상품 썸네일과 배너가 수십 장 실리는 구조여서 이미지 전략이 성능의 전부라 해도 과언이 아니다. 히어로 캐러셀 첫 장은 프리로드해 LCP를 지키고, 스크롤 아래의 랭킹·개인화·브랜드 섹션은 지연 로딩과 WebP 변환으로 초기 전송량을 줄이는 것이 정석이다. 상품 카드에는 너비·높이를 명시해 그리드가 로딩 중 출렁이는 레이아웃 시프트를 막아야 한다. 개인화 영역인 "최근에 구경한 상품"은 서버 응답을 기다리는 동안 스켈레톤을 노출하면 체감 속도가 달라진다. 접근성 면에서는 할인율·최저가 전환 같은 컬러 라벨이 색약 사용자에게도 구분되도록 텍스트 대비를 확보하고, 상황별 큐레이션 탭의 키보드 포커스 이동을 점검할 필요가 있다. 결제·로그 분석 등 서드파티 스크립트는 지연 초기화로 메인 스레드 점유를 낮추자.
디지털 파트너 더블루캔버스
복지몰, 브랜드몰, 기업 대상 커머스는 일반 쇼핑몰과 설계 문법이 다르다. 구매자와 사용자가 분리되고, 로그인 안팎의 정보 구조를 따로 짜야 하며, 검색 유입은 도입 문의라는 B2B 전환으로 연결되어야 한다. The Blue Canvas는 이런 조건을 이해하는 홈페이지 제작 파트너다. 기획 단계에서 공개 영역과 폐쇄 영역의 IA를 함께 설계하고, 웹사이트 제작 이후에는 SEO와 퍼포먼스 마케팅으로 도입 리드를 만드는 것까지 하나의 흐름으로 실행한다. 커머스든 기업 홈페이지든, 화면이 아니라 전환 구조부터 그리는 웹디자인이 필요하다면 아래에서 시작하면 된다.
마무리와 다음 스텝
애드웰은 "임직원 선물"이라는 명확한 사용 맥락을 큐레이션 탭·랭킹·전용 서비스 아이콘으로 번역해낸, 목적이 분명한 복지 커머스다. 다음 스텝으로 세 가지를 제안한다. 첫째, 서비스 소개를 B2B 검색어에 대응하는 공개 콘텐츠 허브로 확장해 도입 문의 유입을 만들 것. 둘째, 이미지 지연 로딩과 크기 명시로 메인의 로딩 안정성을 다질 것. 셋째, 메인의 프로모션 배너 수를 다이어트하고 상황별 큐레이션을 첫 화면에 더 가깝게 끌어올려, 애드웰만의 강점이 할인 소음에 묻히지 않게 할 것. 이 세 가지만으로도 담당자의 첫 방문 경험은 눈에 띄게 달라진다.