Цель и задачи проекта
Цель
Переосмыслить страницы сайта VkusVill Amsterdam
Задачи
- Переработать шапку и подвал на сайте
- Переработать главную
- Переработать каталог
- Переработать страницу контактов
- Собрать раздел новостей и страницу новости
- Проработать блок отзывов
С чем работаем?
В начале октября 2021 года к нам обратились из ВкусВилл с задачей на обновление сайта интернет-магазина VkusVill в Амстердаме — на сайте нужно было переосмыслить пересобрать шапку, подвал и главную страницу, а также подготовить новые раздела каталога товаров, раздела новостей и страницы контактов, а также проработать блок с отзывами.
Результатом работы должен был стать обновленный дизайн, который позволил бы удобнее заказывать товары на сайте, а также доступнее получать информацию о самой компании.
Собираем концепты и обратную связь по ним
Первоначально мы изучили существующие страницы на сайте и собрали пожелания по изменениям. Дизайн не должен был меняться кардинально но страницы можно было пересобрать с разными блоками. Пробу пера решили проводить на главной странице, на базе которой можно было пересобрать и собрать новые страницы.
Главная страница до переработки (страница целиком по клику на изображении)
Для удобства определили, что концепт главной проще собрать из смысловых блоков — концепты главной страницы должны были вобрать в себя несколько блоков:
- блок с баннером или слайдером с фотографиями,
- блок с переходом в каталог,
- блок о ВкусВилле в Нидерландах,
- блок с преимуществами,
- несколько блоков с товарами из различных категорий (готовая еда, сыры, выпечка, подборка от ВкусВилл),
- блок с отзывами,
- блок CTA
- блок контактов
Как только получили состав блоков, собрали два концепта:
Первый концепт
Второй концепт
В итоге остановились на первом концепте с минимальными доработками.
Раздел новости и страница новости
Как только концепт был подтвержден и перешел в статус полноценной главной страницы мы смогли сфокусироваться на других разделах и страницах, которые нужно было подготовить — один из таких оказался раздел новости, который необходимо было собрать с нуля.
В новостном разделе велосипед изобретать не стали и сделали разводящую страницу на 12 карточек-постов с пагинацией и страницу поста без излишеств, этого было достаточно чтобы преподносить актуальную информацию из новостного блога.
Раздел каталога и категория каталога
С главной страницы на страницу каталога перекочевало отображение блока с категорией товаров. В итоге на странице каталога получилась длинная лента из категорий, идущих друг за другом в порядке приоритетности. На странице категории каталога разместили 20 товаров с пагинацией.
Завершение работ. Контакты, политика конфиденциальности и модалка подписки
Финальным этапом мы доработали страницу контактов, подготовили страницу политики конфиденциальности, а также собрали недостающее модальное окошко на сайте.
Контакты
Политика конфиденциальности
Модальное окошко подписки на рассылку
