Опыт

Сайт с каталогом продукции для компании Genesis

Цель проекта

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

Дизайн

Эскизы

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

1 итерация

1 итерация

2 итерация

2 итерация

3 итерация

3 итерация

4 итерация (утверждена)

Предложена актуальная концепция дизайна сайта — Material Design.

4 итерация

Макет

В макете использованы принципы Material Design, суть которого — привлечь внимание к торговой марке современными тенденциями: полиграфический дизайн, осмысленная анимация и адаптивный дизайн. При помощи контрастной типографики изящно выделяется главное. Шрифт определяет границы контента. Гармонично сочетаются детали и конструкции из гайдлайна Material Design (тени, кнопки, flat design, цвета и JS эффекты).

Главная страница

Главная страница

Каталог продукции

Каталог продукции

Страница «Решения»

Решения

Страница «О компании»

О компании

Платформа

Разработка

Верстка выполнена на framework Foundation 6.0. Обеспечена адаптивная вёрстка. Код прошёл тестирование на соответствие стандартам W3C.

Программирование выполнялось на PHP. Отдельные возможности реализованы на стандартных модулях jQuery.

Контроль качества проводился автоматическими системами. Обеспечено соответствие стандартам PSR для PHP. Пройдены все встроенные тесты (безопасность, производительность, неизменность ядра и т.д.) системы управления контентом.

Март, 2020 г.

  • Создание тестовой площадки, развертывание проекта в «1С-Битрикс».
  • Анализ конкурентов.
  • Составление карты сайта.
  • Разработка прототипа сайта (1 этап).

Апрель, 2020 г.

  • Программирование первого релиза сайта.
  • Разработка эскизов проекта.
  • Разработка прототипа сайта (2 этап).
  • Создание и проверка favicon.
  • Разработка дизайн-макета сайта.

Май, 2020 г.

  • Написание текстовых материалов для наполнения сайта.
  • Подготовка изображений продукции.
  • Наполнение разделов сайта.
  • Сбор семантического ядра сайта.
  • Разработка дизайн-макета сайта главной страницы сайта.

Июнь, 2020 г.

  • Разработка дизайн-макета страницы «Каталог».
  • Разработка дизайн-макета «Карточка товара».
  • Разработка дизайн-макета «О компании».
  • Разработка дизайн-макета «Производство».
  • Верстка главной страницы сайта.
  • Доработка блока «Кто использует».

Июль, 2020 г.

  • Верстка дизайн-макетов страниц сайта (1 этап работ).

Август, 2020 г.

  • Верстка дизайн-макетов страниц сайта (2 этап работ).

Сентябрь, 2020 г.

Октябрь, 2020 г.

  • Интеграция готовой верстки на сайт (2 этап работ).

Ноябрь, 2020 г.

  • Интеграция готовой верстки на сайт (3 этап работ).
  • Написание текстовых материалов для наполнения сайта.
  • Наполнение разделов сайта.

Декабрь, 2020 г.

  • Интеграция готовой верстки на сайт (4 этап работ).
  • Публикация текстовых материалов.
  • Доработка всплывающего окна каталога.

Январь, 2021 г.

  • Доработка макета для страницы «Статьи» и «Лаборатории».
  • Создание и установка favicon.icon.
  • Обновление фотографий каталога.
  • Изменение порядка меню.
  • Настройка всплывающего списка у раздела «Продукция».
  • Правки страницы «Контакты».
  • Настройка анимации.

Февраль, 2021 г.

  • Внесение правок в футер сайта.
  • Публикация фотоматериалов.
  • Добавление свойств для передачи URL страницы.
  • Открытие сайта в общем доступе.

Март, 2021 г.

  • Публикация текстов.
  • Настройка деплоя.
  • Коррекция форм.
  • Настройка шаблона детальной страницы «Решения».
  • Создание и настройка инфоблока для слайдера «О компании».
  • Настройка AJAX новостей для блока «Полезная информация».
  • Настройка раздельного описания для разделов и подразделов сайта.
  • Настройка десктопной и мобильной версии блока «Производство».

Апрель, 2021 г.

  • Подбор и публикация изображений для страницы «Решения».
  • Доработки шрифтов блоков «Наша история, «Лаборатории и производство».
  • Корректировка работы AJAX обработчика ошибок форм.
  • Настройка сетки вывода полезной информации.
  • Настройка передачи списка товаров из шаблона «Новости».
  • Настройка AJAX новостей для блока «Полезная информация».
  • Настройка раздельного описания для разделов и подразделов сайта.
  • Настройка десктопной и мобильной версии блока «Производство».

Май — октябрь, 2021 г.

  • Поддержка и развитие сайта по запросам Заказчика.

Похожие кейсы

Поддержка сайтов для «Русбизнесавто»

Опыт

Поддержка сайтов для «Русбизнесавто»

Поддержка сайтов для ведущего оператора грузовых автомобилей, автобусов и спецтехники различного назначения.
Корпоративный сайт для компании «Орех»

Опыт

Корпоративный сайт для компании «Орех»

Создание и поддержка корпоративного сайта для поставщика автомобильных запчастей.
Сайт с каталогом для «Газпромнефть — Битумные материалы»

Опыт

Сайт с каталогом для «Газпромнефть — Битумные материалы»

Редизайн сайта для технологического лидера на российском битумном рынке.
Корпоративный сайт для «ПЭТРУСКо»

Опыт

Корпоративный сайт для «ПЭТРУСКо»

Сфера деятельности «ПЭТРУСКо» включает полный комплекс работ любой сложности, нацеленных на строительство современных медучреждений. 
Сайт с каталогом для компании «ОриенталБридж»

Опыт

Сайт с каталогом для компании «ОриенталБридж»

Создание сайта для компании-поставщика специального химического сырья.