Логотип

Cайт компании Система Арт

Компания занимается установкой архитектурного освещения.

Разработка
Фирменный стиль
www.sysart.ru
Кейс компании Система Арт

потребность заказчика

Заказчику критически важно выделиться на фоне конкурентов-интеграторов, которые «пренебрегают визуальной составляющей». Его главная потребность - демонстрировать не просто товар, а экспертность и премиальный статус через качественную портфолийную подачу.

Сроки работ

Разработка сайта:

Март-Апрель 2024

Задачи проекта

  • Оценка конкурентов в нише
  • Сбор семантики и кластеризация запросов
  • Составление структуры будущего веб-сайта
  • Написание рабочего прототипа главной страницы и основных целевых страниц
  • Написание подробного, понятного для заказчика и исполнителя Технического Задания
Картинка задач Сайт компании Система Арт
  • Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)
  • Адаптивная верстка дизайн-макетов
  • Настройка работы сайта на CMS для удобного администрирования сайта
  • Техническая оптимизация сайта, базовая SEO оптимизация
  • Наполнение сайта контентом (фото, тексты, и так далее)

Технологии, которые мы использовали

Для реализации данного проекта мы использовали:

  • Axure RP
  • Figma
  • Adobe Photoshop
  • Яндекс.Вордстат
  • MODx CMS
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Инструменты Microsoft Office
  • и др.
ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

изучили рынок и конкурентов

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

В связи с этим, была выбрана стратегия позиционирования, ориентированная на портфолио, с целью подчеркнуть экспертность и премиальный статус компании, а не просто перечень предлагаемых товаров.

собрали актуальную семантику

Семантическое ядро охватывающее как коммерческие, так и информационные запросы, касающиеся наружного и внутреннего освещения, а также вопросы монтажа и проектирования. Всего собрано более 200 ключевых фраз, сгруппированных в три основные категории: «Продукция» (классификация осветительных приборов), «Услуги» (проектирование, монтажные работы) и «Решения» (освещение для специфических объектов, таких как фасады, парки, складские помещения).

создали дерево сайта и услуг

Разработано древовидное представление структуры сайта и предлагаемых услуг, призванное обеспечить пользователю максимально быструю навигацию от общего представления к конкретному проекту. Ключевые разделы включают: «Компания», «Оборудование»,«Концепты» (с детализацией по видам работ) «Новости» и «Контакты». Также выделен обособленный блок «Проекты», где освещение представлено в разрезе типов объектов (склады, офисы, фасады).

разработали прототипы страниц

Прототипы страниц, уделяющие особое внимание визуальному портфолио и удобной навигации по отраслям на главной странице. Проработаны страницы каталога с расширенными возможностями фильтрации (по мощности, типу крепления, цветовой температуре), страницы отдельных объектов (кейсов) с демонстрацией проектов «до» и «после», а также страницы услуг с детализированным описанием этапов выполнения работ.

разработали дизайн-макеты сайта

Дизайн-макеты сайта в темной, технологичной стилистике, призванной подчеркнуть эстетику архитектурного света и динамику ночных городских ландшафтов. Созданы макеты для всех основных страниц, включая адаптивные версии для мобильных устройств, где крупные изображения проектов сохраняют свою визуальную значимость.

сверстали сайт на десктоп и мобильные устройства

Реализована адаптивная верстка всех страниц с использованием современных веб-технологий (HTML5, CSS3, JavaScript). Особое внимание уделено галереям проектов, для которых разработаны слайдеры для настольных компьютеров и интуитивно понятные сенсорные интерфейсы для мобильных устройств, а также интерактивные схемы расположения осветительных приборов. Внедрены плавные анимации появления контента и формы обратной связи с поддержкой валидации данных.

настроили работу сайта на cms

Выполнена интеграция сайта с надежной системой управления контентом (CMS), обеспечивающей заказчику возможность самостоятельного пополнения портфолио и управления каталогом. Созданы гибкие шаблоны для различных типов контента, реализованы сниппеты для вывода избранных кейсов на главной странице и разработана удобная административная панель для редактирования фотографий объектов без привлечения разработчиков.

Дизайн-макеты

Показана картинка Дизайн-макеты 1
Показана картинка Дизайн-макеты 2
Показана картинка Дизайн-макеты 3
Показана картинка Дизайн-макеты 4
Показана картинка Дизайн-макеты 5
Показана картинка Дизайн-макеты 6

наполнили сайт материалами

Наполнение сайта контентом, включая доработку текстов услуг и описаний товаров с учетом требований SEO, с применением списков и таблиц для структурирования характеристик. Основным визуальным контентом являются фотографии более 30 реализованных объектов заказчика, прошедшие обработку, оптимизацию по весу и снабженные корректными alt-атрибутами для ускорения загрузки страниц.

протестировали и настроили работу сайта на хостинге

Настроены ЧПУ, файл robots.txt, создана и отправлена карта сайта sitemap.xml в поисковые системы. Проведена проверка скорости загрузки страниц с использованием PageSpeed, оптимизировано кэширование на сервере, прописаны мета-теги для всех разделов и обеспечена корректная работа сайта по протоколу HTTPS.

как итог

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

Данный веб-сайт готов к дальнейшему продвижению как инструментами Яндекс.Директ, так и SEO.

1
месяц разработки
16+
Целевых страниц сайта
90-100
результат по PageSpeed

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс