Редизайн сайта novoe-izmerenie.com

1. Описание

Мы сотрудничаем с компанией Новое измерение ещё с 2013 года, тогда и был разработан сайт. 7 лет назад мобильные устройства с выходом в интернет только набирали популярность, поэтому вёрстка была только для ПК. Но сейчас доля мобильного трафика растет с каждым годом.

Это можно отследить и по данным Яндекс.Метрики наших клиентов:

Мы рекомендовали разработать адаптивную версию по следующим причинам:

1. удобство пользователей;
2. сокращение количества отказов;
3. увеличение конверсии;
4. поисковики действуют в интересах мобильной аудитории.

Также мы порекомендовали обновить дизайн сайта.
Оптимальная частота обновлений UI составляет 3-5 лет. За это время появляется достаточно новых разработок, чтобы усовершенствовать сайт.

Для чего это нужно делать?

1. Сайт - лицо вашей компании.
   Устаревший интерфейс негативно скажется на доверии пользователя и подтолкнет его к более современным сайтам конкурентов.
2. Исправление ошибок предыдущего интерфейса.
   Например, оптимизация графики, упрощение навигации и тому подобные элементы, которые существенно влияют на посещаемость.
3. Выделение сайта среди сайтов-конкурентов.
4. Вы будете в курсе тенденций дизайна и ожиданий пользователей.
   Чтобы сделать UI редизайн, вам придется провести анализ своего бизнеса и его подачи онлайн, вы лучше поймете свою ЦА, её ожидания и предпочтения.
5. Снижение расходов на развитие вашего сайта.
   При правильном подходе все элементы UI дизайна будут дополнять и усиливать друг друга.

2. Задачи

В связи с тем, что в течение 7-ми лет на сайте никаких работ не проводилось, кроме как добавление новостей и товаров, возникли следующие задачи:

1. Редизайн сайта;
2. Разработка адаптивной версии сайта.

Заодно решили:

1. Обновить движок;
2. “Навести порядок” в контенте, особенно, в товарах.

3. Этапы разработки

Этап 1. Проектирование и составление ТЗ

Мы всегда начинаем разработку сайта с брифинга клиента, нам важно понять:
а) основные пожелания заказчика;
б) для кого мы делаем сайт, и какие задачи он будет выполнять.

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

Разделы верхнего меню:

1. О компании:

• О компании;
• Полный перечень услуг.

2. Каталог

3. Монтаж:

• Монтаж приборов;
• Цены на услуги монтажа;
• ЕКС мониторинга объектов ЖКХ;
• ФЗ №261 «Об энергосбережении…»

4. Клиентам:

• Полезная информация (раздел с буклетами)
• Часто задаваемые вопросы

5. Новости

6. Контакты

Здесь учтены все вопросы, которые интересуют покупателя.

Этап 2. Дизайн

По дизайну у клиента было несколько пожеланий:

• синий цвет;
• наличие градиента и теней;
• наличие мелких деталей и приборов.

Этап 3. Верстка, программирование и размещение на хостинге

Часть Главной страницы - старый и новый дизайн

Изображение увеличивается по клику

Наши преимущества - старый и новый дизайн

Монтаж приборов - старый и новый дизайн

Меню на старом сайте

Меню на адаптивной версии

Раздел О компании на старом сайте

Раздел О компании на адаптивной версии

Раздел Новости на старом сайте

Раздел Новости на адаптивной версии

Этап 4. Перенос контента

На сайте более 4000 товаров. Перенося товары, мы обнаружили несколько ошибок в наименованиях и ряд товаров без картинок. Составили список товаров с ошибками для клиента, чтобы актуализировать данные.

7. Результаты.

Все поставленные задачи выполнены!

Сайт имеет:

• современный дизайн;
• актуальный каталог товаров;
• адаптивную версию;
• удобную навигацию;
• последнюю версию CMS.

Всё ещё считаете, что адаптивная версия не нужна, а обновление дизайна сайта - пустая трата денег?

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