Доработки по сайту ВкусВилл Амстердам

В начале октября 2021 года к нам обратились из ВкусВилл с задачей на обновление сайта интернет-магазина VkusVill в Амстердаме — на сайте нужно было переосмыслить пересобрать шапку, подвал и главную страницу, а также подготовить новые раздела каталога товаров, раздела новостей и страницы контактов, а также проработать блок с отзывами.

Результатом работы должен был стать обновленный дизайн, который позволил бы удобнее заказывать товары на сайте, а также доступнее получать информацию о самой компании.

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

Главная страница до переработки (страница целиком по клику на изображении)

Для удобства определили, что концепт главной проще собрать из смысловых блоков — концепты главной страницы должны были вобрать в себя несколько блоков:

• блок с баннером или слайдером с фотографиями,
• блок с переходом в каталог,
• блок о ВкусВилле в Нидерландах,
• блок с преимуществами,
• несколько блоков с товарами из различных категорий (готовая еда, сыры, выпечка, подборка от ВкусВилл),
• блок с отзывами,
• блок CTA
• блок контактов

Как только получили состав блоков, собрали два концепта:

В итоге остановились на первом концепте с минимальными доработками.

Как только концепт был подтвержден и перешел в статус полноценной главной страницы мы смогли сфокусироваться на других разделах и страницах, которые нужно было подготовить — один из таких оказался раздел новости, который необходимо было собрать с нуля.

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

С главной страницы на страницу каталога перекочевало отображение блока с категорией товаров. В итоге на странице каталога получилась длинная лента из категорий, идущих друг за другом в порядке приоритетности. На странице категории каталога разместили 20 товаров с пагинацией.