С чего начинали
Прежний сайт был собран в WebSite X5. На главной — фотография дома с газоном, логотип, телефон и перечень услуг. Большая часть её содержания находилась внутри одного изображения, а страница имела фиксированную ширину. На узком экране такой макет приходилось рассматривать по частям.
Старую версию сохранили перед запуском. Снимок ниже сделан с её локальной архивной копии.
Сад стал частью дизайна
Новое оформление построил вокруг травы, воды и зелени. В крупных буквах «СЕВПОЛИВ» движется макротекстура газона, дальше посетитель видит росу на листьях и прозрачную капсулу с маленьким садом. Тёмно-зелёный фон связывает эти сцены с остальными разделами.
Иллюстрации помогают передать настроение будущего участка. Реальные работы компании показаны отдельно — в фотографиях и видео с объектов. Анимацию можно остановить кнопкой на первом экране.
Услуги и работы получили своё место
На главной можно переключать направления: автополив, газоны, озеленение и водные объекты. Подробности собраны на странице услуг. Для выполненных работ появилась отдельная страница с фотографиями и видео, для контактов — своя.
Фотографии и ролики собраны в карусели: их можно листать кнопками, мышью или свайпом. Если запустить другое видео, предыдущее встаёт на паузу с сохранением позиции.
Что изменилось на телефоне
В новой версии блоки перестраиваются под ширину экрана. Заголовки, изображения, меню и карточки работ адаптированы для телефона. Вместо уменьшенной копии широкого макета посетитель получает последовательную страницу с читаемым текстом.
На главной и в контактах есть форма обращения с российской телефонной маской. Рядом остаются прямой звонок и переход в мессенджер.
Запуск и стоимость
Новый сайт работает на прежнем домене. Старый сайт сохранён в резервной копии; для заменённых адресов настроены перенаправления. Основа новой версии — HTML, CSS и JavaScript, обработчик заявок — на PHP.
Стоимость этой работы — 39 000 рублей. Это цена конкретного проекта; объём и стоимость другого редизайна обсуждаем после просмотра сайта.
Здесь показываю выполненные изменения в дизайне и устройстве сайта. Данных об изменении количества заявок после запуска пока нет.
Для вашего проекта
Редизайн сайта
Хотите обновить свой сайт? Расскажу, что можно изменить в дизайне, структуре и мобильной версии и как подготовить переход к новой версии.
Что входит в редизайн вашего сайта
