Найти тему
Дмитрий Калягин

Кейс: разработка дизайна сайта для завода «БИОПЛАСТ» с учётом SEO

Оглавление
Первый экран главной страницы сайта
Первый экран главной страницы сайта

В этой статье, я расскажу Вам о том, как наша студия «Kalyagin Production» разработала дизайн сайта для завода по производству изделий из полипропилена - «БИОПЛАСТ».

Предыстория

Для компании «БИОПЛАСТ» мы начали создавать фото и видео контент, в том числе для будущего сайта. Разработку сайта я начал с анализа предыдущей версии сайта компании, а также с мониторинга конкурентов в данной тематике.

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

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

Раздел "О нас" на сайте
Раздел "О нас" на сайте

Дизайн сайта

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

  1. URL-адреса должны строго соответствовать структуре сайта.
  2. Чтобы соответствовать коммерческим факторам ранжирования, каталог и карточки товаров на сайте должны содержать фотографии с возможностью их просмотра и увеличения, цену и возможность купить.
  3. Для увеличения среднего времени пребывания посетителей на сайте, снижения процента отказов и увеличения глубины просмотров страниц, было принято реализовать следующий функционал: «Задать вопрос», «Обратная связь», кнопка «Купить».
  4. Главное меню было составлено из основных разделов
Разделы "Каталог" и "Доставка"
Разделы "Каталог" и "Доставка"

Подготовка контента для сайта

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

Мы начали планировать создание контента ещё в начале года, однако на тот момент, на производстве производились пуско-наладочные работы по запуску очередного цеха, поэтому, съёмку пришлось перенести на более поздний срок.

В мои задачи также входили съёмка контента: фотографии завода, цехов, а также видео оборудования, персонала, цехов и всего завода.

Фото главного цеха завода. Фото © «Kalyagin Production»
Фото главного цеха завода. Фото © «Kalyagin Production»

Главный цех. Фото © «Kalyagin Production»
Главный цех. Фото © «Kalyagin Production»
Готовая продукция. Фото © «Kalyagin Production»
Готовая продукция. Фото © «Kalyagin Production»

Прототип сайта

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

Блоки «Новости» и «Контакты» на главной странице сайта
Блоки «Новости» и «Контакты» на главной странице сайта

Дизайн-концепция

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

Как выглядит сайт на нотбуке
Как выглядит сайт на нотбуке

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

Если у Вас возникли какие-то вопросы, с удовольствием на них отвечу.