최근 패션 플랫폼 에이블리가 알리바바에 투자를 받으면서 3조 원에 달하는 기업 가치를 인정받으며 유니콘 기업에 등극했습니다. 수많은 패션 플랫폼 경쟁 속에서 에이블리가 이룬 눈부신 성장의 배경에는 무엇이 있을까요? 여러 가지 요인이 있겠지만, 저희는 '디자인' 특히 사용자 경험을 최우선으로 고려한 UI/UX 디자인에 주목했습니다.
단순히 예쁜 디자인을 넘어, 사용자 중심의 설계가 어떻게 성공으로 이어지는지, 에이블리의 UI/UX를 낱낱이 분석하며 쇼핑몰 홈페이지 제작의 핵심을 파헤쳐 보겠습니다. 에이블리의 성공 사례를 통해 쇼핑몰 창업을 준비하거나, 기존 쇼핑몰을 개선하고자 하는 분들, 주목해주세요.
본격적으로 에이블리의 UI/UX 디자인을 살펴보기 전에,
성공적인 쇼핑몰 홈페이지 제작을 위한 핵심 질문 세가지를 뽑아보았습니다!
- 어떻게 하면 사용자가 방문했을때, 첫눈에 떠나가지 못하게 만들까?
- 복잡한 상품 정보와 구매 과정을 어떻게 하면 쉽고 직관적으로 만들 수 있을까?
- 개인의 취향을 저격하는 맞춤형 쇼핑 경험은 어떻게 구현할 수 있을까?
오늘은 세가지 질문 중 첫번째 질문, 첫 인상으로 떠나가지 못하게 만드는 디자인 방법에 대해 이야기 해볼게요.
에이블리 앱 UI/UX 분석 - 첫인상을 결정짓는 화면들
1. 앱 진입 화면 - 로딩시간도 광고판으로 사용하는 에이블리
처음 앱을 실행했을 때 나타나는 로딩 화면은 짧은 순간이지만 사용자에게 강렬한 첫인상을 남길 수 있습니다. 에이블리의 로딩 화면은 흰색 배경에 "하나만 사도 무료배송"이라는 핵심 메시지를 핑크색으로 강조하여 간결하면서도 강력한 인상을 줍니다.
추가적인 TIP! : 로딩화면을 기다리는 동안 이탈하는 사용자들을 붙잡기 위해, 로딩 바나, 프로그래스 애니메이션을 추가하여 로딩상황을 시각적으로 보여줌으로서 사용자에게 기다리는 로딩시간에 안정감을 줄 수도 있습니다.
2. 회원가입 화면 - 에이블리가 3초 만에 사로잡는 마법
에이블리의 회원가입 화면은 "신규 회원 누구나 12만원 할인"이라는 파격적인 혜택과 "카카오로 3초 만에 시작하기"라는 간편함을 전면에 내세웁니다. 다양한 회원가입 옵션을 제공하여 사용자의 편의성은 극대화하고, 왜 가입하면 좋은지에 대해 파격적인 혜택을 보여주면서 회원가입이라는 허들을 낮추었습니다.
에이블리의 사례처럼, 쇼핑몰 홈페이지 제작 시 첫인상에서 강력한 혜택을 제시해보세요.
그리고 간편한 가입 절차를 제공한다면, 회원가입에서 이탈하는 고객들을 조금 더 줄일 수 있지 않을까요?
3. 회원가입 후 첫 화면 - 취향 저격 맞춤 추천의 시작
회원가입 후 나타나는 첫 화면은 사용자에게 에이블리의 핵심 가치인 "개인화 추천"을 경험하게 하는 중요한 단계입니다. "3개 고르면 취향에 맞는 상품을 추천해 드려요"라는 간단한 문구와 이미지 기반의 선택 방식은 사용자에게 부담 없이 참여를 유도합니다.
왜 바로 홈화면으로 이동하지 않고, 사용자가 선호하는 스타일의 옷을 고르게 만드는것일까요?
홈화면에 어떤 것을 추천해줄까? 라는 호기심을 자아내기 위해서입니다.
직접 사용자가 옷을 고르는 체험에 참여 시키면서 ‘에이블리’라는 제품의 가치에 '조금씩' 빠져들게 만드는 것이죠.
이렇게 에이블리의 첫 관문을 통과한 사용자들을 이제 구매하게 만들어야겠죠?
다음 아티클 에서는 에이블리가 사용자들의 구매결정을 유도하는 방법에 대해서 더욱 깊이 파해쳐볼게요!
오늘도 원디자인 블로그에 방문해주셔서 감사합니다😀
원디자인스튜디오
디자인, 그 이상의 가치를 만듭니다
www.wondesign.studio