Создание сайта SOLARTIME.BY

Полная переработка первой версии сайта 2014 года
Создание сайта SOLARTIME.BY
Дата запуска проекта: апрель, 2019
Задачи
Переработать структуру сайта
Переработать структуру сайта

За время сотрудничества ассортимент и услуги немного изменились и требовали переработки

Создать привлекательные посадочные страницы
Создать привлекательные посадочные страницы

Необходимо создать товарные предложения, готовые к заказу прямо с сайта

Повысить удобство на мобильных
Повысить удобство на мобильных

Сайт должен оставаться удобным на всех устройствах

Сохранить отличные позиции в поисковых системах
Сохранить отличные позиции в поисковых системах

Сайт был в топе почти по всем запросам своей тематики, важно сохранить позиции

Сделать сайт более продающим
Сделать сайт более продающим

Переделать страницы из информационных в продающие

Простое администрирование
Простое администрирование

Интуитивно понятная админ-панель и возможность масштабировать сайт

Реализация
Этап 1. Проектирование

На этапе проектирования мы переработали существующую структуру сайта. Добавили полноценный раздел с портфолио, где показываем реализованные работы компании, а также перегруппировали каталог продукции.

Далее мы отрисовали прототипы основных страничек:

  • Главная страница
  • Карточка товара
  • Проект из портфолио

Остальные страницы разрабатывали на свое усмотрение без предварительного согласования с клиентом (полное доверие со стороны клиента).

Структура сайта
Прототип главной страницы
Прототип карточки товара
Прототип проекта в портфолио
Этап 2. Дизайн и верстка

В цветовой схеме мы использовали яркие насыщенные цвета — голубой и оранжевый, как ассоциация с солнцем и небом. Основной шрифт был выбран популярный Open Sans, как очень удобный и привычный для глаза пользователя (этот шрифт часто используется как на белорусских, так и на зарубежных сайтах последние несколько лет).

Рядом с логотипом добавили надпись-слоган «Эксперт в солнечной энергетике», чтобы пользователь сразу имел представление о деятельности компании.

В качестве фоновых изображений использовались фотографии солнечных панелей.

Сайт был свёрстан адаптивно под все устройства, одинаково удобно его можно открыть на большом мониторе, ноутбуке, планшете или смартфоне.

Цветовая схема и типографика
Сайт на разных разрешениях
Дизайн раздела новостей
Дизайн главной страницы
Дизайн категории товаров
Дизайн карточки товара
Дизайн карточки проекта в портфолио
Дизайн страницы услуги
Этап 3. Программирование

Был разработан следующий функционал:

  • обратный звонок
  • заявка на товар (в каждой карточке товара)
  • общая заявка (детализированная форма заявки в шапке сайта)
  • возможность добавлять товарам цены и скидки
  • статусы товара «В наличии» и «Под заказ»
  • галереи для товаров и проектов в портфолио
  • весь необходимый seo-функционал (xml- и html-карты сайта, хлебные крошки, мета-теги, настройка индексации страниц и др.)

Кроме этого мы автоматически перенесли весь контент со старого сайта на новый, перенесли seo-оптимизацию. Также мы сохранили старые url страниц на новом сайте, где это не противоречило новой структуре сайта и настроили редиректы для страниц, где url страниц изменился.

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

Вход в админ-панель сайта
Настройки товара в админ-панели
Настройка слайдера в админ-панели
Удобный редактор контента в админ-панели
Форма заявки на товар
Детализированная заявка
Обратный звонок
Карточка товара (фотогалерея, цена, наличие, возможность оставить заявку на товар)
Результаты в цифрах
95% запросов в топе
95% запросов в топе

По состоянию на июнь 2019 (3 месяца после запуска нового сайта) из 310 запросов, находящихся в работе, 297 в топе

Процент отказов снизили на 6.5%
Процент отказов снизили на 6.5%

Значительно улучшили этот показатель для мобильных устройств

4 минуты
4 минуты

Длится средний визит пользователя на сайт (улучшили показатель на 8%)

71 и 96 баллов по Google PageSpeed Isights
71 и 96 баллов по Google PageSpeed Isights

Страницы быстро открываются на мобильных и десктопах