Редизайн интернет-магазина Poezenparadijs.

Рынок товаров для животных , предоставляемых в Интернете , огромен и растет, и в результате эпидемии COVID еще больше владельцев домашних животных обращаются к Интернету для удовлетворения потребностей своих питомцев.

Помня об этом расширении, наша команда решила изменить дизайн Poezenparadijs , голландского сайта электронной коммерции, который продает высококачественные товары для кошек.

Редизайн веб-сайта может быть сложным, но при тщательном обдумывании и выполнении можно создать сайт, который будет одновременно удобным для пользователя и эстетически приятным. В этом тематическом исследовании будут рассмотрены шаги, связанные с редизайном веб-сайта электронной коммерции.

От выявления проблемы до конкурентного анализа с последующим созданием плитки стиля и, наконец , созданием высококлассного каркаса прототипа.

Позвольте мне провести вас через наш процесс проектирования.

1. Вторичное исследование
   Мы начали с вторичного исследования и обнаружили, что рынок товаров для домашних животных в Интернете, вероятно, увеличится более чем вдвое в течение следующих пяти лет. Ожидаемая рыночная капитализация к 2027 году составит 358 миллиардов долларов. Это исследование помогло команде понять размер рынка и возможности Poezenparadijs .
2. Интервью с заинтересованными сторонами
   Мы провели интервью с основателем Poezenparadijs Хенком . Благодаря интервью мы узнали о страсти Хенка к кошкам и проблемах, с которыми он сталкивается, управляя компанией.

3. Конкурентный анализ
Наш конкурентный анализ был основан на результатах интервью с заинтересованными сторонами.

В нашем подходе мы использовали различные инструменты, в том числе сравнительный анализ брендов , анализ характеристик и карту позиционирования на рынке .

SWOT -анализ помог нам задокументировать наши выводы. Мы заметили, что текущее размещение на карте рыночного позиционирования было не так уж далеко от идеального . Мы определили существующие сильные и слабые стороны сайта. И мы обнаружили, что текущий веб-сайт был сложным для навигации и имел нечеткие категории. Чтобы решить эти проблемы, мы решили выделить специально отобранные высококачественные продукты, а также упростить навигацию для пользователей .

4. Интервью
Чтобы убедиться, что редизайн соответствует потребностям пользователей, мы провели интервью с пятью родителями домашних животных. Благодаря этим интервью мы узнали, что респонденты покупали для своих питомцев, и причины их выбора. При покупке корма трое из пяти опрошенных обычно следуют рекомендациям своих ветеринаров.

У одного владельца домашнего животного, с которым мы разговаривали, была кошка с избыточным весом , что повлияло на его решение.

5. Диаграмма сходства
Карта сходства, которую мы составили, используя данные , полученные в ходе интервью, помогла нам в сборе информации и развитии пяти супергрупп.

Двумя идеями, получившими наибольшее количество голосов, были: «Я предпочитаю покупать в Интернете, потому что это занимает меньше времени» и «Я получаю информацию о том, что лучше для моей кошки, от моего ветеринара».

Основываясь на этих заметках и поведении респондентов , наша команда поняла, что главной проблемой каждого из них было время и доверие .

6. Личность пользователя
Затем мы создали нашу личность пользователя, Лизу. Лиза работает медсестрой на полную ставку и является матерью-одиночкой Луны и Белль. Несмотря на то, что она работает в больнице, у нее мало свободного времени, и она хочет давать своим кошкам самые лучшие продукты. Поэтому она предпочитает покупать товары для кошек в Интернете. Наш пользователь-персонаж отражает среднестатистического родителя домашних животных , у которого мы брали интервью.

Ей иногда требуется помощь в принятии разумных решений из-за широкого ассортимента доступных продуктов.

7. Карта пути пользователя Далее мы описали
« день из жизни » Лизы и трудности, с которыми она столкнулась, пытаясь заказать корм для домашних животных в Интернете. Она быстро ищет «здоровый корм для кошек», потому что у одной из ее кошек лишний вес .

Она чувствует себя потерянной во время поиска. Ситуация усугубляется , когда она выбирает продукт и обнаруживает, что нет объяснения , почему он считается подходящим для кошки с избыточным весом. Она чувствует себя неуверенно по этому поводу и желает, чтобы эта задача была проще.

8. Постановка задачи
Таким образом создается наша окончательная постановка задачи:

«Заинтересованный и любящий владелец кошки должен найти способ без особых усилий покупать и получать высокопитательные корма и продукты на надежном веб-сайте, потому что она хочет обеспечить им хорошее качество жизни, но у нее мало времени для проведения исследований».

9.HMW
Обнаружение проблем с текущим веб-сайтом — это первый шаг в его редизайне. В данном случае мы сосредоточились на том, чтобы помочь пользователям находить нужные продукты и принимать быстрые и обоснованные решения. Чтобы решить эту проблему, мы создали три утверждения «как мы можем» для мозгового штурма идей.

10. Московский метод / MVP
Мы применили московский метод, чтобы определить приоритеты функций, которые будут включены в редизайн. Мы решили, что макет главной страницы должен быть упрощен , обзоры пользователей должны быть лучше показаны, а фильтры должны быть включены. Цель веб-сайта — предоставить пользователям, заботящимся о здоровой жизни своих кошек, полноценное питание, проверенные игрушки и аксессуары, а также помочь владельцам кошек эффективно фильтровать, выбирать и принимать обоснованные решения. Эти функции соответствуют минимально жизнеспособному продукту веб-сайта .

11. Карта сайта / Пользовательский поток
Работая над пользовательским потоком, когда пользователь специально ищет низкокалорийный корм для своей кошки, мы создали карту сайта. Чтобы сделать веб-сайт более удобным для пользователя , мы помнили, что чем меньше кликов, тем меньше времени.

12. Низкий/средний каркас
После пользовательского потока мы создали каркас низкой точности и проверили его эффективность, попросив людей «купить низкокалорийный корм для своей кошки с избыточным весом». Мы внесли больше изменений на основе пользовательского тестирования перед созданием каркаса среднего уровня.

13. Визуальный анализ / мудборд / плитка стиля
После визуального анализа конкуренции мы определили позицию бренда и создали мудборд. Чтобы вызвать доверие у аудитории, мы провели тест на желательность и определили свой стиль.

Мы выбрали «DM sans», который представляет собой шрифт без засечек с низкоконтрастным геометрическим рисунком. «DM sans» предназначен для удобочитаемости текста меньшего размера, а поскольку на сайте много текста, он идеально подходит.

Мы выбрали синий в качестве основного цвета из-за его вызывающего доверие и успокаивающего эффекта, который отражал атрибуты бренда Poezenparadijs : Дружелюбный, Заслуживающий доверия, Деликатный, Заботливый и Личный. Чтобы передать ощущение доброты и заботы, мы также выбрали розовые и нейтральные оттенки, которые имеют чистый и современный вид.

14. Прототип Hi-Fi
Наконец, мы создали прототип Hi-Fi и сосредоточились на адаптивном дизайне. Прототип Hi-Fi будет протестирован и улучшен; будут исследованы страницы аксессуаров и о нас на веб-сайте, и будет подчеркнуто высокое качество продукции на веб-сайте ; Видео и фотографии из Instagram будут включены , чтобы повысить доверие и индивидуальность бренда.

Наш высокоточный прототип и адаптивный дизайн.

Отправиться в приключение самостоятельно. кликните сюда

При редизайне веб-сайта важно иметь план . Этот план должен включать в себя выяснение того, какие проблемы вы хотите решить, изучение конкурентов, создание базового макета и выбор правильного стиля.

Следуя этой процедуре, мы смогли разработать веб-сайт, который удобен для пользователя , визуально привлекателен и соответствует потребностям целевой аудитории .

Я могу только сказать, что я безмерно благодарен и рад видеть, какие замечательные вещи мои товарищи по команде будут создавать в будущем.

Особая благодарность

Саломе Мескита Айви ван Регтерен Альтена Эстефания Мариньо Эскерро Анаэль Убальдино

Пожалуйста, оставьте комментарий и подпишитесь на другие проекты или свяжитесь со мной на LinkedIn .