Cайт компании Система Арт
Компания занимается установкой архитектурного освещения.
www.sysart.ru
потребность заказчика
Заказчику критически важно выделиться на фоне конкурентов-интеграторов, которые «пренебрегают визуальной составляющей». Его главная потребность - демонстрировать не просто товар, а экспертность и премиальный статус через качественную портфолийную подачу.
Сроки работ
Разработка сайта:
Март-Апрель 2024
Задачи проекта
- Оценка конкурентов в нише
- Сбор семантики и кластеризация запросов
- Составление структуры будущего веб-сайта
- Написание рабочего прототипа главной страницы и основных целевых страниц
- Написание подробного, понятного для заказчика и исполнителя Технического Задания
- Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)
- Адаптивная верстка дизайн-макетов
- Настройка работы сайта на CMS для удобного администрирования сайта
- Техническая оптимизация сайта, базовая SEO оптимизация
- Наполнение сайта контентом (фото, тексты, и так далее)
Технологии, которые мы использовали
Для реализации данного проекта мы использовали:
- Axure RP
- Figma
- Adobe Photoshop
- Яндекс.Вордстат
- MODx CMS
- HTML
- CSS
- JavaScript
- PHP
- Инструменты Microsoft Office
- и др.
изучили рынок и конкурентов
Проведенный анализ рынка и конкурентов выявил специфику индустрии архитектурного освещения, отличающуюся высокой степенью технической сложности и множеством компаний-интеграторов. Изучение прямых конкурентов показало, что большинство из них концентрируются на представлении ассортимента продукции, пренебрегая при этом визуальной составляющей и демонстрацией реализованных проектов.
В связи с этим, была выбрана стратегия позиционирования, ориентированная на портфолио, с целью подчеркнуть экспертность и премиальный статус компании, а не просто перечень предлагаемых товаров.
собрали актуальную семантику
Семантическое ядро охватывающее как коммерческие, так и информационные запросы, касающиеся наружного и внутреннего освещения, а также вопросы монтажа и проектирования. Всего собрано более 200 ключевых фраз, сгруппированных в три основные категории: «Продукция» (классификация осветительных приборов), «Услуги» (проектирование, монтажные работы) и «Решения» (освещение для специфических объектов, таких как фасады, парки, складские помещения).
создали дерево сайта и услуг
Разработано древовидное представление структуры сайта и предлагаемых услуг, призванное обеспечить пользователю максимально быструю навигацию от общего представления к конкретному проекту. Ключевые разделы включают: «Компания», «Оборудование»,«Концепты» (с детализацией по видам работ) «Новости» и «Контакты». Также выделен обособленный блок «Проекты», где освещение представлено в разрезе типов объектов (склады, офисы, фасады).
разработали прототипы страниц
Прототипы страниц, уделяющие особое внимание визуальному портфолио и удобной навигации по отраслям на главной странице. Проработаны страницы каталога с расширенными возможностями фильтрации (по мощности, типу крепления, цветовой температуре), страницы отдельных объектов (кейсов) с демонстрацией проектов «до» и «после», а также страницы услуг с детализированным описанием этапов выполнения работ.
разработали дизайн-макеты сайта
Дизайн-макеты сайта в темной, технологичной стилистике, призванной подчеркнуть эстетику архитектурного света и динамику ночных городских ландшафтов. Созданы макеты для всех основных страниц, включая адаптивные версии для мобильных устройств, где крупные изображения проектов сохраняют свою визуальную значимость.
сверстали сайт на десктоп и мобильные устройства
Реализована адаптивная верстка всех страниц с использованием современных веб-технологий (HTML5, CSS3, JavaScript). Особое внимание уделено галереям проектов, для которых разработаны слайдеры для настольных компьютеров и интуитивно понятные сенсорные интерфейсы для мобильных устройств, а также интерактивные схемы расположения осветительных приборов. Внедрены плавные анимации появления контента и формы обратной связи с поддержкой валидации данных.
настроили работу сайта на cms
Выполнена интеграция сайта с надежной системой управления контентом (CMS), обеспечивающей заказчику возможность самостоятельного пополнения портфолио и управления каталогом. Созданы гибкие шаблоны для различных типов контента, реализованы сниппеты для вывода избранных кейсов на главной странице и разработана удобная административная панель для редактирования фотографий объектов без привлечения разработчиков.
Дизайн-макеты
наполнили сайт материалами
Наполнение сайта контентом, включая доработку текстов услуг и описаний товаров с учетом требований SEO, с применением списков и таблиц для структурирования характеристик. Основным визуальным контентом являются фотографии более 30 реализованных объектов заказчика, прошедшие обработку, оптимизацию по весу и снабженные корректными alt-атрибутами для ускорения загрузки страниц.
протестировали и настроили работу сайта на хостинге
Настроены ЧПУ, файл robots.txt, создана и отправлена карта сайта sitemap.xml в поисковые системы. Проведена проверка скорости загрузки страниц с использованием PageSpeed, оптимизировано кэширование на сервере, прописаны мета-теги для всех разделов и обеспечена корректная работа сайта по протоколу HTTPS.
как итог
Получили полностью функциональный, наполненный, адаптивный и оптимизированный веб-сайт.
Данный веб-сайт готов к дальнейшему продвижению как инструментами Яндекс.Директ, так и SEO.
Другие кейсы
Другие услуги
наши контакты
Санкт-Петербург, Московский проспект, 183-185Ак7
info@saytspb.ruРабочие дни: пн-пт с 09:00 до 18:00
Выходные дни: сб-вс