Разработка

Разработка сайта eko-food.ru

Задача!

Клиентом было предоставлено ТЗ на разработку сайта и часть готового дизайна. Требовалось сверстать дизайн, натянуть его на CMS и разработать функционал.

Что было сделано:

Для разработки мы выбрали CMS WordPress. Все работы проводились на тестовом домене. Верстку сразу внедряли на движок с разработкой функционала. Из не стандартных решений требовалось реализовать каталог без корзины. Поэтому использование подобных плагинов (woocommerce) отменялось. Мы разработали свое решение, в котором учитывались все пожелания клиента.

разработка сайта eko-food.ru от kalinin studio 2
Товары
разработка сайта eko-food.ru от kalinin studio 3
Раздел с микроэлементами

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

Например, у товара есть блоки с информацией о составе, микроэлементов:

Состав, микроэлементы
Состав, микроэлементы

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

разработка сайта eko-food.ru от kalinin studio - 4 Заполнение информации в панели администратора
Заполнение информации в панели администратора

При определении товара к определенной стране, у товара меняется шапка в зависимости от выбранной страны:

Пример вывода дизайна шапки от выбранной страны - разработка сайта eko-food.ru от kalinin studio
Пример вывода дизайна шапки от выбранной страны

Функционал главной страницы

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

Визуальный вид блока в панели администратора - разработка сайта eko-food.ru от kalinin studio
Визуальный вид блока в панели администратора
Режим редактирования блока. Добавление информации - разработка сайта eko-food.ru от kalinin studio
Режим редактирования блока. Добавление информации
Процесс добавление нового блока на странице - разработка сайта eko-food.ru от kalinin studio
Процесс добавление нового блока на странице

Была разработана версия для ПК. Версия для мобильный устройств в работе у дизайнера клиента.

Оптимизация скорости загрузки сайта eko-food.ru от kalinin studio
Оптимизация скорости загрузки сайта

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

Скриншот из видеоинструкции. Видео размещено на youtube. Доступ к видео по ссылке
Скриншот из видеоинструкции. Видео размещено на youtube. Доступ к видео по ссылке

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

eko-food.ru - разработка сайта kalinin.pro
Фото продукции клиента из магазина
autor

Александр Калинин

Специалист по SEO-оптимизации сайтов. В 2012 году работал SEO-специалистом в компании "Demis Group". До 2015 года работал в "Скобеев и Партнеры". С 2017 года руководитель студии "Kalinin Studio"


Комментарии

Может быть интересно

Стоит посмотреть

  • Как установить WordPress на хостинг

  • Kalinin Studio

Горячие предложения

Подпишись на рассылку и узнай первым о старте нашего SEO курса