^ Наверх

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

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

95 000
рублей в месяц, сайт с каталогом продукции, услуга «Безлимитное абонентское обслуживание»

Этот кейс обновляется ежемесячно.

Цель проекта

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

Дизайн

Эскизы

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

1 итерация

1 итерация

2 итерация

2 итерация

3 итерация

3 итерация

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

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

4 итерация

Макет

В макете использованы принципы 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 г.

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

Готовые решения

CMS для интернет-магазина

«1С-Битрикс: Управление сайтом» — профессиональная система управления веб-проектами, универсальный программный продукт для создания, поддержки и успешного развития:

Технологии

Apache HTTP — кроссплатформенный веб-сервер с различными приложениями и дополнениями, главным образом предназначенный для удобной отладки сайтов. Разработан с открытым кодом и совместим с современными операционными системами.

Debian — один из старейших дистрибутивов Linux. Его главной отличительной особенностью является высокая стабильность и надежность, которая достигается тщательным тестированием всех его компонентов и отсутствием жестких графиков релизов. Поэтому очередной выпуск Debian выходит тогда когда будет полностью готов.

MySQL — Это программное обеспечение. То есть программа с открытым кодом. Она свободно распространяется, ее можно бесплатно применять.

PHP

PHP — один из самых известных языков web-программирования с открытым кодом. Основные его преимущества — простота и многофункциональность.

Интерфейсные фреймворки

Foundation — это CSS-фреймворк для создания адаптивных сайтов любой сложности. Программа, призванная облегчить работу дизайнерам и верстальщикам сайтов. Содержит набор инструментов, базу кодов html и предоставляет ряд других функций для верстальщика. Работает с CSS.


Поделиться в соц. сетях:    

Оставить заявку

Владислав
Ухов
   
Александра
Богуславская