Сайт Свайное дело
«Свайное дело» - производитель винтовых свай полного цикла: от закупки труб напрямую у поставщика до сварки, окрашивания и отгрузки готовой продукции с собственных заводов. Команда выстроена по всей цепочке - отдел продаж, производство, монтажные бригады, бухгалтерия, юрист и маркетинг, - что позволяет компании закрывать проект целиком, от расчёта свайного поля до монтажа на объекте.
потребность заказчика
«Свайное дело» пришло не с задачей «сделать сайт с нуля», а с более деликатной проблемой: старый сайт на WordPress годами обрастал страницами, ошибками вёрстки и разрозненной структурой, из-за чего клиенту - часто человеку без строительного образования, который впервые выбирает тип фундамента для дома или бани - было сложно быстро понять разницу между видами свай и сориентироваться в услугах. При этом больше 100 страниц контента и накопленная семантика представляли реальную ценность, которую нельзя было просто отбросить и начать заново - стояла задача бережно перенести наработанное, одновременно избавившись от технического наследия старой платформы.
Сроки работ
Разработка сайта:
2 Сентябрь - 15 Ноябрь 2023
Какие задачи перед нами стояли?
-
Оценка старого сайта и поиск ошибок
-
Оценка конкурентов в нише
-
Сбор семантики и кластеризация запросов
-
Составление приоритетных страниц для переноса
-
Составление структуры будущего веб-сайта
-
Написание рабочего прототипа главной страницы и основных целевых страниц
-
Написание подробного, понятного для заказчика и исполнителя Технического Задания
-
Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)
-
Адаптивная верстка дизайн-макетов
-
Настройка работы сайта на CMS для удобного администрирования сайта
-
Техническая оптимизация сайта, базовая SEO оптимизация
-
Перенос контента со старого сайта (фото, тексты, meta и так далее), и наполнение нового контента
Технологии, которые мы использовали
Для реализации данного проекта мы использовали:
- Axure RP
- Figma
- Adobe Photoshop
- Яндекс.Вордстат
- MODx CMS
- HTML
- CSS
- JavaScript
- PHP
- Инструменты Microsoft Office
- и др.
изучили рынок и конкурентов
Данная ниша довольно "узкая", но и здесь есть существенная конкуренция.
У заказчика имелся старый сайт, его потребность состояла в обновлении сайта - сделать его более удобным и понятным для клиентов. Исходя из этого, нами была принята концепция широкого формата экранов.
собрали актуальную семантику
Большую часть семантического ядра собрал и предоставил заказчик.
Тем не менее, нами были собраны еще некоторые запросы, которые составили новые кластеры (Свайный фундамент для дома, для бани, для бытовки, для ангара, и т.д.).
создали дерево сайта и услуг
Основные разделы сайта:
- Услуги (Навесы, Свайный фундамент, Заборы, Мини-экскаватор, Берегоукрепление шпунтом, Пирсы и причалы, Подъем дома, Террасы и дорожки)
- Цены/Прайс (Винтовые сваи, Сваи Шуруп, Сваи Оптима, Комбинированные сваи, Оголовки, Сопутствующие товары)
- Акции
- О компании (Портфолио, Гарантия, Партнерам, Статьи, Новости)
- Контакты
разработали прототипы страниц
В прототипе главной страницы были отражены следующие блоки:
- Оффер
- SEO блок
- Преимущества компании
- Блок Цен на сваи
- Блок ОС
- Блок Услуг компании
- Блок Схема работ
- Блок Портфолио
- Блок ОС
- Блок Отзывов клиентов
- Блок Сертификатов компании
- Блок Контакты
На внутренних страницах также использовались блоки: Дескриптор, Каталог, Дополнительные текстовые блоки, Блоки статей, Блоки специалистов, Калькулятор и т.д.
разработали дизайн-макеты сайта
Были разработаны следующие дизайн-макеты:
- Главная
- Услуга
- Страница товара
- Прайсы
- Акции
- О компании
- Портфолио
- Гарантии
- Партнерам
- Статьи
- Статья
- Новости
- Калькулятор
- Контакты
Для каждого из них были разработаны мобильные версии макетов.
сверстали сайт на десктоп и мобильные устройства
Разработана адаптивная верстка всех страниц сайта с использованием HTML5, CSS3 и JavaScript. Сайт корректно отображается на всех современных устройствах (компьютеры, планшеты, смартфоны) и браузерах.
Реализована интерактивность сайта с использованием JavaScript (анимации, всплывающие окна, слайдеры). Реализованы формы обратной связи и валидация данных на стороне клиента с использованием JavaScript. Реализована обработка отправки форм (отображение сообщений об успехе/ошибке).
Реализован просмотр фотографий в галерее с использованием слайдера. Реализована возможность увеличения фотографий при клике. Галерея адаптирована под разные размеры экранов.
Реализована навигация по сайту с использованием меню.
Реализована работа калькулятора с возможностью менять вводные данные для расчета.
настроили работу сайта на cms
В рамках проекта по разработке сайта на базе CMS MODX была проведена комплексная работа по настройке и интеграции верстки. Этот процесс включал несколько ключевых этапов, каждый из которых сыграл важную роль в успешном завершении проекта.
На этапе интеграции MODX были созданы шаблоны и чанки, интегрированы необходимые сниппеты и плагины, что обеспечило динамическую генерацию контента.
Оптимизация производительности: проведена оптимизация кода для ускорения загрузки страниц и повышения общей производительности сайта.
После завершения интеграции начался процесс тестирования и проверка функциональности всех элементов.
Дизайн-макеты
наполнили сайт материалами
Материалы были предоставлены заказчиком. С нашей стороны были выполнены работы по их доработке под SEO, оформлению и наполнению.
протестировали и настроили работу сайта на хостинге
Протестировали работу сайта по PageSpeed, проверили сайт на наличие/отсутствие ошибок, настроили файлы sitemap.xml и robots.txt, настроили ЧПУ, настроили модуль SEO Pro, проверили сайт на валидаторе кода, прописали все meta, настроили работу сайта на https протоколе, и т.д.
как итог
Другие кейсы
Закрытый портал Стейвелт
сайт услуг эксойл-групп
Сайт Ларсен Пайлинг
Другие услуги
наши контакты
Санкт-Петербург, Московский проспект, 183-185Ак7
info@saytspb.ruРабочие дни: пн-пт с 09:00 до 18:00
Выходные дни: сб-вс