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