현대 미학
회사의 브랜드와 가치를 반영하는 깔끔하고 현대적인 웹사이트 디자인 만들기
원활한 사용자 경험
사용자 흐름을 개선하여 랜딩 페이지에서 체크아웃 프로세스로 원활하게 전환되도록 합니다.
전환 증가
웹사이트의 전반적인 효과를 향상시켜 판매를 촉진하고 수익을 창출합니다.
야호!
2023년 6월 14일에 랜딩 페이지를 출시했습니다! 기밀 유지 이유로 이러한 메트릭의 실제 값을 생략했습니다.
리디자인된 웹사이트는 구사이트에 비해 3주 이내에 유기적 트래픽이 50% 증가했으며, 이는 탐색 가능성과 사용자 참여가 개선되었음을 보여줍니다.
재설계로 인해 제품 구매가 65% 증가했습니다 (사용자의 65%가 구매를 완료했다는 통계에 기반하여), 이는 직접적으로 비즈니스의 이익에 기여하고 있습니다 (장바구니 포기율 또는 이탈 감소).
사용자 피드백과 분석 결과, 방문자들이 Tapijtenkelim을 더 현대적이고 전문적이며 신뢰할 수 있는 브랜드로 인식하는 긍정적인 변화가 나타났습니다.
디자인 스프린트
저는 Tapijtenkelim에 대해 배우는 것부터 시작했으며, 경쟁자들과 그들의 브랜드를 살펴보았습니다. 저는 오래된 웹사이트를 보고 다른 웹사이트와 비교했으며, 그들의 브랜드 스타일과 가치를 배웠습니다.
Miro와 FigJam을 원격 협업 도구로 사용하여, 저는 다른 혁신적인 브랜드가 그들의 랜딩 페이지를 만드는 방법에 대한 영감을 모았고, 제가 좋아하는 점을 공유했습니다.
그 후, 나는 스프린트를 끝내기 위해 빠른 솔루션 스케치를 했습니다. 이 미니 디자인 스프린트는 우리의 일정이 빡빡했기 때문에 2시간으로 압축되었습니다.
별도의 세션에서, 랜딩 페이지를 위한 4개의 디자인 원칙을 설정하여 이러한 원칙을 바탕으로 디자인할 수 있도록 했습니다. 이 원칙들은 우리의 소비자 중심으로 구성되어 있습니다—소비자들이 우리를 브랜드로 어떻게 인식하는지에 대한 것입니다.
나는 우리의 마음에 대한 약간 미친 아이디어를 스케치하기 시작했습니다. 이 단계에서 우리의 초점은 먼저 분기하고, 나중에 수렴하는 것입니다.
나는 마인드 맵을 사용하여 내 아이디어를 정리하고 잠재 고객과 이야기하여 그들의 요구 사항을 이해했습니다. 나는 그들이 현재 웹사이트에 대해 좋아하는 것과 싫어하는 것이 무엇인지 알고 싶었습니다.
나는 웹사이트를 위해 다양한 아이디어를 그려보고 스케치했다. 나는 러그를 어떻게 제시할지, 탐색을 쉽게 만들고, 구매를 간단하게 만드는 데 집중했다.
나는 아이디어를 얻기 위해 고급 아이템을 판매하는 다른 웹사이트들을 보았다. 나는 웹사이트가 현대적으로 보이도록 하고 고품질 사진을 사용하고 싶었다.
나는 사람들이 깔개를 잘 보여주는 아름다운 웹사이트를 원한다는 것을 알게 되었다. 그들은 쉬운 탐색과 깔개에 대한 명확한 정보를 원했다.
나는 Fave 외부에서 5명과 함께 Maze의 설문 도구를 사용하여 사용자 테스트를 실시했습니다. 편향을 피하기 위해 브랜드를 'Plus'로 변경하고, 브랜드 색상을 파란색으로 바꾸었으며, 응답이 더 정확하게 나오도록 문구를 수정했습니다. 이것이 설문조사의 모습입니다. 링크를 통해 쉽게 공유할 수 있습니다.
나는 Notion에서 테스트 결과를 통합했습니다. 사람들이 랜딩 페이지와 상호작용하는 방식을 이해하는 데 도움이 되는 히트맵도 생성되었습니다.
여기 결과가 있습니다!
나는 경향, 강점 및 개선 기회를 식별하기 위해 설문 응답을 분석했습니다.
열지도에서 우리는 20%의 사용자가 페이지 맨 아래까지 스크롤한다는 것을 발견했습니다. 클릭 가능한 요소를 사람들이 주목하지 않을까 걱정했지만, 열지도 결과는 그렇지 않다는 것을 증명했습니다.
설문 조사에서 우리가 Fave임을 밝히지 않고 구체적인 질문을 하면서, 사람들이 제품이 무엇인지 이해할 수 있었음을 발견했습니다.
말레이시아에는 많은 전자 지갑이 있기 때문에 사람들이 Fave도 전자 지갑으로 생각하는 경향이 있지만, 우리는 그렇지 않습니다. 그래서 이 랜딩 페이지에서 우리는 사용자의 돈을 저장하지 않는다고 사람들에게 알립니다. 우리는 또한 사용자에게 보상을 쌓고, Fave의 전체 잠재력을 활용하여 더 많은 절약을 잠금 해제하는 방법을 교육합니다.
그리고 다시 아트보드로 돌아가서, 우리의 가치 제안을 강화하고 모든 메시지가 crystal처럼 명확하도록 앱 다운로드를 촉진하기 위해 디자인을 반복했습니다.
이전과 이후
리디자인 이전에는 Fave가 제공하는 것에 대한 집중이 부족했습니다. 웹사이트는 혼란스러웠습니다. 디자인 언어는 Fave 앱과 일치하지 않았습니다. 이것은 Fave의 독특한 가치 제안을 제대로 반영하지 않습니다.
테스트 후 제가 개선한 사항에 대한 자세한 설명입니다.
소셜 프루프는 랜딩 페이지 전반에 걸쳐 볼 수 있습니다. 우리는 방문객들이 즉시 인식할 수 있는 익숙한 브랜드, Fave 소비자의 총 절약 실적, 실제 앱 리뷰 및 실제 추천사를 선보였습니다.
나는 경향, 강점 및 개선 기회를 식별하기 위해 설문 응답을 분석했습니다.
우리는 팀이 어떻게 보이는지 시각화할 수 있도록 목업에 서로 다른 히어로 이미지를 배치했습니다. 우리는 Fave로 절약하는 데 신나하는 스마트하고 세련된 Fave 사용자를 가장 잘 반영하는 이미지를 투표했습니다.
설문 조사에서 우리가 Fave임을 밝히지 않고 구체적인 질문을 하면서, 사람들이 제품이 무엇인지 이해할 수 있었음을 발견했습니다.
말레이시아에는 많은 전자 지갑이 있기 때문에 사람들이 Fave도 전자 지갑으로 생각하는 경향이 있지만, 우리는 그렇지 않습니다. 그래서 이 랜딩 페이지에서 우리는 사용자의 돈을 저장하지 않는다고 사람들에게 알립니다. 우리는 또한 사용자에게 보상을 쌓고, Fave의 전체 잠재력을 활용하여 더 많은 절약을 잠금 해제하는 방법을 교육합니다.
그리고 다시 아트보드로 돌아가서, 우리의 가치 제안을 강화하고 모든 메시지가 crystal처럼 명확하도록 앱 다운로드를 촉진하기 위해 디자인을 반복했습니다.
반응형 화면 (데스크탑 & 모바일)
이전과 이후
리디자인 이전에는 Fave가 제공하는 것에 대한 집중이 부족했습니다. 웹사이트는 혼란스러웠습니다. 디자인 언어는 Fave 앱과 일치하지 않았습니다. 이것은 Fave의 독특한 가치 제안을 제대로 반영하지 않습니다.
테스트 후 제가 개선한 사항에 대한 자세한 설명입니다.
소셜 프루프는 랜딩 페이지 전반에 걸쳐 볼 수 있습니다. 우리는 방문객들이 즉시 인식할 수 있는 익숙한 브랜드, Fave 소비자의 총 절약 실적, 실제 앱 리뷰 및 실제 추천사를 선보였습니다.
우리는 팀이 어떻게 보이는지 시각화할 수 있도록 목업에 서로 다른 히어로 이미지를 배치했습니다. 우리는 Fave로 절약하는 데 신나하는 스마트하고 세련된 Fave 사용자를 가장 잘 반영하는 이미지를 투표했습니다.
이전과 이후
리디자인 이전에는 Fave가 제공하는 것에 대한 집중이 부족했습니다. 웹사이트는 혼란스러웠습니다. 디자인 언어는 Fave 앱과 일치하지 않았습니다. 이것은 Fave의 독특한 가치 제안을 제대로 반영하지 않습니다.
테스트 후 제가 개선한 사항에 대한 자세한 설명입니다.
소셜 프루프는 랜딩 페이지 전반에 걸쳐 볼 수 있습니다. 우리는 방문객들이 즉시 인식할 수 있는 익숙한 브랜드, Fave 소비자의 총 절약 실적, 실제 앱 리뷰 및 실제 추천사를 선보였습니다.
우리는 팀이 어떻게 보이는지 시각화할 수 있도록 목업에 서로 다른 히어로 이미지를 배치했습니다. 우리는 Fave로 절약하는 데 신나하는 스마트하고 세련된 Fave 사용자를 가장 잘 반영하는 이미지를 투표했습니다.
LinkedIn에서 연락하기 ↗
