Цель проекта
Разработка и дальнейшая поддержка сайта с каталогом продукции для российского производителя профессиональных клеевых и герметизирующих составов Genesis.
Дизайн
Эскизы
На основе фирменного стиля и результатов анкетирования клиента разработаны эскизы проекта. При дизайне учитывались современные тренды веб-дизайна.
1 итерация
2 итерация
3 итерация
4 итерация (утверждена)
Предложена актуальная концепция дизайна сайта — Material Design.
Макет
В макете использованы принципы Material Design, суть которого — привлечь внимание к торговой марке современными тенденциями: полиграфический дизайн, осмысленная анимация и адаптивный дизайн. При помощи контрастной типографики изящно выделяется главное. Шрифт определяет границы контента. Гармонично сочетаются детали и конструкции из гайдлайна Material Design (тени, кнопки, flat design, цвета и JS эффекты).
Главная страница
Каталог продукции
Страница «Решения»
Страница «О компании»
Платформа
- Сервер — выделенный физический сервер, арендованный Заказчиком в дата-центре, настроен Cetera в рамках проекта.
- Операционная система — Linux Debian
- Веб-серверы: Apache, nginx
- База данных — MySQL
- Языки программирования: PHP, JavaScript
- Система управления: «1С-Битрикс»
Разработка
Верстка выполнена на framework Foundation 6.0. Обеспечена адаптивная вёрстка. Код прошёл тестирование на соответствие стандартам W3C.
Программирование выполнялось на PHP. Отдельные возможности реализованы на стандартных модулях jQuery.
Контроль качества проводился автоматическими системами. Обеспечено соответствие стандартам PSR для PHP. Пройдены все встроенные тесты (безопасность, производительность, неизменность ядра и т.д.) системы управления контентом.
Март, 2020 г.
- Создание тестовой площадки, развертывание проекта в «1С-Битрикс».
- Анализ конкурентов.
- Составление карты сайта.
- Разработка прототипа сайта (1 этап).
Апрель, 2020 г.
- Программирование первого релиза сайта.
- Разработка эскизов проекта.
- Разработка прототипа сайта (2 этап).
- Создание и проверка favicon.
- Разработка дизайн-макета сайта.
Май, 2020 г.
- Написание текстовых материалов для наполнения сайта.
- Подготовка изображений продукции.
- Наполнение разделов сайта.
- Сбор семантического ядра сайта.
- Разработка дизайн-макета сайта главной страницы сайта.
Июнь, 2020 г.
- Разработка дизайн-макета страницы «Каталог».
- Разработка дизайн-макета «Карточка товара».
- Разработка дизайн-макета «О компании».
- Разработка дизайн-макета «Производство».
- Верстка главной страницы сайта.
- Доработка блока «Кто использует».
Июль, 2020 г.
- Верстка дизайн-макетов страниц сайта (1 этап работ).
Август, 2020 г.
- Верстка дизайн-макетов страниц сайта (2 этап работ).
Сентябрь, 2020 г.
- Интеграция готовой верстки на сайт (1 этап работ).
Октябрь, 2020 г.
- Интеграция готовой верстки на сайт (2 этап работ).
Ноябрь, 2020 г.
- Интеграция готовой верстки на сайт (3 этап работ).
- Написание текстовых материалов для наполнения сайта.
- Наполнение разделов сайта.
Декабрь, 2020 г.
- Интеграция готовой верстки на сайт (4 этап работ).
- Публикация текстовых материалов.
- Доработка всплывающего окна каталога.
Январь, 2021 г.
- Доработка макета для страницы «Статьи» и «Лаборатории».
- Создание и установка favicon.icon.
- Обновление фотографий каталога.
- Изменение порядка меню.
- Настройка всплывающего списка у раздела «Продукция».
- Правки страницы «Контакты».
- Настройка анимации.
Февраль, 2021 г.
- Внесение правок в футер сайта.
- Публикация фотоматериалов.
- Добавление свойств для передачи URL страницы.
- Открытие сайта в общем доступе.
Март, 2021 г.
- Публикация текстов.
- Настройка деплоя.
- Коррекция форм.
- Настройка шаблона детальной страницы «Решения».
- Создание и настройка инфоблока для слайдера «О компании».
- Настройка AJAX новостей для блока «Полезная информация».
- Настройка раздельного описания для разделов и подразделов сайта.
- Настройка десктопной и мобильной версии блока «Производство».
Апрель, 2021 г.
- Подбор и публикация изображений для страницы «Решения».
- Доработки шрифтов блоков «Наша история, «Лаборатории и производство».
- Корректировка работы AJAX обработчика ошибок форм.
- Настройка сетки вывода полезной информации.
- Настройка передачи списка товаров из шаблона «Новости».
- Настройка AJAX новостей для блока «Полезная информация».
- Настройка раздельного описания для разделов и подразделов сайта.
- Настройка десктопной и мобильной версии блока «Производство».
Май — октябрь, 2021 г.
- Поддержка и развитие сайта по запросам Заказчика.
Похожие кейсы
Корпоративные сайты для LARTE Design
Корпоративный сайт для «МОЙКАТЕРИНБУРГ»
Сайт с каталогом для компании «Пожарная Автоматика»
Сайт с каталогом для «ДизельЭнергоРесурс»
Сайты для оператора грузовых автомобилей
Корпоративный сайт для компании «Орех»