전자 상거래 사이트 Poezenparadijs의 재설계.

온라인으로 제공되는 애완동물 제품 시장은 거대 하고 성장하고 있으며 COVID 전염병의 결과로 더 많은 애완동물 소유자가 애완동물의 필요를 위해 인터넷을 사용 하고 있습니다.

이러한 확장을 염두에 두고 우리 팀은 고급 고양이 용품을 판매하는 네덜란드 전자 상거래 사이트인 Poezenparadijs 를 재설계하기로 결정했습니다 .

웹사이트를 재설계하는 것은 어려울 수 있지만 신중한 생각과 실행을 통해 사용자 친화적이고 미학적으로 만족스러운 웹사이트를 만들 수 있습니다 . 이 사례 연구에서는 전자 상거래 웹사이트 재설계와 관련된 단계를 살펴봅니다.

문제 식별에서 경쟁 분석, 스타일 타일 생성, 마지막으로 하이파이 프로토타입 와이어프레임까지.

디자인 프로세스를 안내해 드리겠습니다.

1. 2차 연구
   우리는 2차 연구를 시작했고 온라인 애완용품 시장이 향후 5년 안에 두 배 이상 성장할 가능성이 있다는 사실을 발견했습니다. 2027년까지 예상 시가총액은 3,580억 달러입니다. 이 연구는 팀이 시장 규모와 Poezenparadijs의 가능성을 이해하는 데 도움이 되었습니다.
2. 이해관계자 인터뷰
   Poezenparadijs의 설립자인 Henk 와 이해관계자 인터뷰를 진행했습니다 . 인터뷰를 통해 우리는 고양이에 대한 Henk의 열정과 그가 회사를 운영하면서 직면한 어려움에 대한 통찰력을 얻었습니다.

3. 경쟁 분석
당사의 경쟁 분석은 이해관계자 인터뷰 결과를 기반 으로 하였습니다.

브랜드 비교 분석, 기능 분석, 시장 포지셔닝 맵 등 다양한 도구를 사용하여 접근했습니다.

SWOT 분석은 우리가 발견한 내용을 문서화하는 데 도움이 되었습니다. 우리는 시장 포지셔닝 맵의 현재 위치가 이상적인 위치에서 그리 멀지 않은 것을 확인했습니다. 우리는 웹사이트의 기존 강점과 약점을 파악했습니다 . 그리고 우리는 현재 웹사이트가 탐색하기 어렵고 범주가 불분명하다는 것을 발견했습니다. 이러한 문제를 해결하기 위해 우리는 사용자 탐색을 단순화하는 동시에 엄선된 고품질 제품을 강조하기 로 했습니다 .

4. 인터뷰
재설계가 사용자의 요구를 충족하는지 확인하기 위해 5명의 반려동물 부모 와 사용자 인터뷰를 실시했습니다 . 이러한 인터뷰를 통해 우리는 인터뷰 대상자들이 애완동물을 위해 무엇을 구입했는지 , 그리고 그들이 선택한 이유를 알게 되었습니다. 식품을 구매할 때 인터뷰 대상자 5명 중 3명은 일반적으로 수의사의 권장 사항을 따릅니다.

우리가 이야기한 한 애완동물 주인은 과체중인 고양이를 키우고 있었는데 , 이것이 그의 결정에 영향을 미쳤습니다.

5. Affinity Diagram 인터뷰에서 얻은 데이터를
활용하여 만든 Affinity Map은 정보 수집 과 5개의 슈퍼 그룹 개발 에 도움이 되었습니다 .

가장 많은 표를 받은 두 가지 인사이트 는 "시간이 덜 걸리기 때문에 온라인 구매를 선택합니다." 와 "수의사로부터 고양이에게 가장 좋은 정보를 얻습니다."였습니다.

이러한 메모와 인터뷰 대상자의 행동을 바탕으로 우리 팀은 각각의 주요 문제가 시간 과 신뢰 라는 것을 깨달았습니다 .

6. 사용자 페르소나
그런 다음 사용자 페르소나인 Lisa를 만들었습니다. Lisa는 전업 간호사이자 Luna와 Belle의 고양이 한 마리 부모입니다. 그녀는 병원에서 일하지만 여가 시간이 거의 없고 그녀의 고양이에게 최고의 제품을 주고 싶어합니다 . 따라서 그녀는 고양이 용품을 온라인으로 구매하는 것을 선호합니다. 우리의 사용자 페르소나는 우리가 인터뷰한 평균 애완 동물 부모를 반영합니다 .

그녀는 사용 가능한 제품이 광범위 하기 때문에 때때로 현명한 선택을 하는 데 도움이 필요합니다 .

7. 사용자 여정 지도 다음으로 Lisa의
" 인생의 하루 " 와 그녀가 온라인으로 애완동물 사료를 주문하려고 시도하는 동안 직면한 어려움을 설명했습니다 . 그녀는 자신의 고양이 중 한 마리가 과체중 이기 때문에 "건강한 고양이 사료"를 빠르게 검색 합니다 .

그녀는 찾는 동안 길을 잃은 느낌입니다. 그녀가 제품을 선택하고 그것이 과체중 고양이에게 적합하다고 생각되는 이유 에 대한 설명이 없다는 것을 발견했을 때 그것은 더욱 악화 되었습니다 . 그녀는 이것에 대해 불안감을 느끼고 이 작업이 더 간단했으면 합니다.

8. 문제 진술
우리의 최종 문제 진술은 이렇게 생성됩니다.

"걱정스럽고 사랑스러운 고양이 주인은 양질의 삶을 제공하고 싶지만 연구할 시간이 제한되어 있기 때문에 신뢰할 수 있는 웹사이트에서 영양가 높은 음식과 제품을 쉽게 사고 받을 수 있는 방법을 찾아야 합니다. "

9.HMW
현재 웹사이트의 문제점을 찾는 것이 웹사이트를 재설계하는 첫 번째 단계입니다. 이 경우 사용자가 올바른 제품을 찾고 신속 하고 정보에 입각한 결정을 내리는 데 도움이 되는 방법에 중점을 두었습니다. 이 문제를 해결하기 위해 우리 는 아이디어를 브레인스토밍하기 위해 세 가지 "어떻게 할 수 있을까" 문을 만들었습니다.

10. 모스크바 방법 / MVP
우리는 재설계에 포함될 기능의 우선 순위를 정하기 위해 모스크바 방법을 적용했습니다 . 우리는 홈페이지 레이아웃을 단순화 하고 사용자 리뷰를 더 잘 보여야 하며 필터를 포함해야 한다고 결정했습니다. 이 웹사이트의 목표는 고양이에게 건강한 삶을 제공하는 데 관심이 있는 사용자에게 높은 영양, 자가 테스트 장난감 및 액세서리를 제공 하고 고양이 소유자가 효과적으로 필터링, 선택 및 정보에 입각한 결정을 내리는 데 도움을 주는 것 입니다. 이러한 기능은 웹 사이트의 최소 실행 가능 제품 과 일치합니다 .

11. 사이트맵 / 사용자 흐름 사용자가
특히 고양이를 위한 저칼로리 음식을 찾는 사용자 흐름에 대해 사이트맵을 만들었습니다. 웹사이트를 보다 사용자 친화적으로 만들기 위해 클릭 횟수 가 적으면 시간이 단축된다는 점을 염두에 두었습니다 .

12. Low / Mid-wireframe
사용자 흐름 후, 우리는 저충실도 와이어프레임을 만들고 사람들에게 "과체중인 고양이를 위해 저칼로리 음식을 구입"하도록 요청하여 그 효과를 테스트했습니다 . 미드파이 와이어프레임을 만들기 전에 사용자 테스트를 기반으로 더 많은 변경을 했습니다.

13. 비주얼 분석 / 무드보드 / 스타일타일
경쟁사를 시각적으로 분석하여 브랜드의 포지션을 파악하고 무드보드를 제작하였습니다. 시청자들의 신뢰를 얻기 위해 호감도 테스트를 진행하고 스타일을 결정했다.

대비가 낮은 기하학적 디자인의 산세 리프 인 "DM sans"를 선택했습니다 . "DM sans" 는 더 작은 텍스트 크기에서 가독성을 위한 것이며 사이트의 콘텐츠에 많은 텍스트가 있으므로 완벽하게 맞습니다.

우리는 Poezenparadijs 의 브랜드 속성 인 친근하고, 신뢰할 수 있고, 섬세하고, 배려하고, 개인을 반영하는 신뢰할 수 있고 차분한 효과 때문에 파란색을 주요 색상 으로 선택했습니다. 친절함과 배려심을 전달하기 위해 깨끗하고 현대적인 느낌을 주는 핑크와 뉴트럴 컬러도 선택했습니다.

14. Hi-Fi 프로토타입
마지막으로 하이파이 프로토타입을 제작하여 반응형 디자인에 중점을 두었습니다 . 하이파이 프로토타입은 테스트되고 개선될 것입니다. 웹사이트의 액세서리 및 회사 소개 페이지를 조사하고 웹사이트의 고품질 제품을 강조 합니다 . 브랜드의 신뢰도와 개성을 높이기 위해 인스타그램 영상과 사진이 포함될 예정이다.

충실도가 높은 프로토타입과 반응형 디자인.

혼자서 모험을 떠나는 것. 여기를 클릭하세요

웹사이트를 재설계할 때 계획을 세우는 것이 중요합니다 . 이 계획에는 해결하려는 문제 파악, 경쟁사 살펴보기, 기본 레이아웃 만들기 및 올바른 스타일 결정이 포함되어야 합니다.

이 절차를 따름으로써 우리는 사용자 친화적 이고 시각적으로 매력적 이며 대상 청중 의 요구에 맞는 웹 사이트를 디자인할 수 있었습니다 .

팀원들이 앞으로 어떤 멋진 작품을 만들게 될지 정말 감사하고 기대된다는 말밖에 할 수 없었습니다.

특별한 감사

Salomé Mesquita Ivy van Regteren Altena Estefania Mariño Ezquerro Anaelle Ubaldino

의견을 남기고 더 많은 프로젝트를 팔로우하거나 LinkedIn 에서 저와 연결하십시오 .