контакты

Up

Разработка сайта и дизайна для компьютерных услуг

Бизнес: компания SmartComp. Сервис удаленной технической поддержки, который помогает устранять неисправности в работе компьютеров, ноутбуков, планшетов и смартфонов. Цель: сделать ребрендинг корпоративного сайта, добавив новые услуги компании. Регион: Израиль
Результаты
Адаптивный дизайн сайта компьютерных услуг
Разработан адаптивный дизайн
SEO оптимизация
Сайт SEO-оптимизирован
ТОП 10 Google по компьютерным услугам
После 3-х месяцев работы ТОП-10 в выдаче
Количество заявок из поиска
Количество заявок из поиска: около 40 в месяц
задачи
Наладить обратную связь с клиентами.
Увеличить количество заказов через сайт.
Проинформировать клиентов об обучении.
Создать полезную образовательную платформу.
сложности
  1. Основная целевая аудитория компании – люди пожилого возраста.
  2. Большой объем текстовой информации, которую нужно расположить на сайте.
  3. Нужно было разделить 2 отдельные услуги – техподдержку и онлайн- обучение.
  4. Отсутствие на сайте услуги онлайн-обучения компьютерной грамотности.
Решение
Мы захотели создать не только красивый, но и удобный сайт для аудитории 60+. Было принято решение отойти от начальной идеи – создания одностраничного лендинга. Вместо этого мы разработали полноценный сайт с отдельными страницами, каждая из которых отвечала за конкретное направление. Таким образом, это одновременно решало наши задачи, поставленные клиентом.
Интересно, как мы все реализовали?
читать дальше
Этапы работы:
  1. Анализ конкурентов, ниши, целевой аудитории.
  2. Создание удобной структуры сайта.
  3. Разработка интуитивно понятного интерфейса.
  4. Редизайн с учетом фирменного стиля.
  5. Десктопная и адаптивная верстка.
  6. SEO-продвижение, наполнение сайта контентом.
  7. Настройка статистики и аналитики.
  8. Улучшение юзабилити.

Анализ конкурентов, ниши, целевой аудитории

В ходе анализа конкурентов в области технического обслуживания компьютеров на территории Израиля мы установили, что 90% просмотренных сайтов были сделаны очень давно и уже устарели визуально. Мы же стремились к созданию привлекательного дизайна, который воспринимался бы легко даже пожилыми людьми.
Также мы не нашли ни одного аналога нашему сервису в Израиле, который включал в себя сразу 2 услуги. Все они имели только одну направленность – техподдержку клиентов. Поэтому было принято решение проанализировать отдельные элементы будущего сайта:
  • оформление первого экрана;
  • процесс подключения услуг;
  • структура раздела обучения;
  • оформление абонементов.
На основе этих фрагментов создавалась целостная структура сайта.

Создание удобной структуры сайта

На этом этапе нам необходимо было решить сразу 2 задачи:
  1. Не смешивать основные коммерческие направления компании (техподдержку и обучение).
  2. А также отвести отдельное место для полезного образовательного контента.
В итоге было принято решение сделать основной акцент на технической поддержке, а онлайн-обучение выделить в качестве независимого подраздела на сайте, который будет посвящен только компьютерной грамотности клиентов. Вторая задача была решена с помощью добавления раздела «Блог», который, в свою очередь, делился на тематические категории.
Разработка удобной структуры сайта компьютерных услуг

Разработка пользовательского интерфейса

Для того, чтобы понимать путь следования клиента между страницами и максимально упростить его пребывание, нами была создана специальная карта сайта. На ее основе мы разработали логику:
  • главного меню;
  • кнопок перехода из раздела в раздел;
  • перелинковки;
  • раскрывающихся окон;
  • форм обратной связи и онлайн-чата.
Разработка карты сайта для компьютерных услуг
Таким образом нам удалось добиться интуитивно понятного интерфейса. Расположение, форма и внешний вид всех этих элементов реализовывались на двух последующих этапах.

Редизайн с учетом фирменного стиля

Напомним, основная целевая аудитория заказчика – это люди пожилого возраста (пенсионеры). Поэтому одним из главных критериев в создании сайта было не следование трендам современного дизайна, а максимальная простота и удобство пользователя для восприятия информации.
  • Исходя из этого, для нового сайта нами были подобраны спокойные цвета без ярких контрастов.
  • В качестве основного фона был выбран белый цвет, который удачно гармонирует с фирменными (синим и бирюзовым).
  • Акцент на главных элементах (кнопки призыва к действию) был выполнен с помощью желтого цвета.
  • Для простоты восприятия в качестве формы основных визуальных элементов мы остановили свой выбор на квадрате и прямоугольнике.
Подбор цветовой гаммы для редизайна сайта

Десктопная и адаптивная верстка

В силу возрастных особенностей клиентов изначально приоритетной была только десктопная версия. Но подробный анализ целевой аудитории показал, что большая её часть является активными пользователями мобильных устройств. Поэтому помимо основной версии были также подготовлены макеты адаптивной версии сайта. При этом особое внимание было уделено таким моментам, как:
  • удобство чтения статей из блога;
  • описание программы онлайн-обучения;
  • перечень услуг техподдержки.
Мобильная версия главной страницы
Мобильная версия страницы услуг
Мобильная версия страницы блога
Мобильная версия публикации блога
Была сформирована фокус-группа и на основе опроса выбран наиболее подходящая величина шрифта.

SEO-продвижение, наполнение сайта контентом

Перед началом оптимизации ресурса в поисковой системе Google был проведен детальный анализ конкурентов. Далее мы собрали с нуля тематические запросы, составили семантическое ядро, структуру сайта и разработали стратегию контент-маркетинга:
  • Тексты главных страниц и блоговых статей писали под частотные ключевые слова и перелинковали между собой, чтобы ссылки были максимально полезными для читателей. Всем страницам прописывали метатеги и оптимизировали изображения под требования поисковой системы.
  • К каждой публикации составлялось отдельное техническое задание со списком ключевых слов, которые включали в текст. Тексты сайта уникальны на 100% и соответствуют всем характеристикам для SEO- продвижения. Помимо этого, для увеличения количества заявок на подключение к услугам внедряли в блоговые публикации продающие тексты с рекламой продукта.
  • Для получения естественных ссылок разработали стратегию продвижения услуг компании с помощью гостевых статей на локальных тематических ресурсах. Занимались также написанием таких публикаций под специально разработанные ТЗ.
  • Особое внимание уделялось технической оптимизации ресурса – у сайта быстрая скорость и отсутствуют ошибки в работе. Площадка также полностью отвечает всем требованиям Google для запуска контекстной рекламы.
Техническая оптимизация сайта

Настройка статистики и аналитики

После завершения этапа верстки были установлены системы аналитики Google Analytics и Facebook Analytics для отслеживания дальнейшей эффективности сайта. Этот процесс также включал в себя настройку отдельных событий, которые позволили собирать более углубленную и точную статистику клиентов на сайте для запуска рекламных кампаний в социальных сетях и Google.

Улучшение юзабилити

Перед тем, как презентовать клиенту уже готовый сайт, на заключительном этапе мы обязательно его тестируем на предмет выявления ошибок и недочетов:
  • Адаптивная версия проверяется на мобильных устройствах с разной диагональю и операционной системой.
  • Формы обратной связи интегрируются с CRM-системой или почтой заказчика.
  • Обязательным условием для нас является быстрота загрузки сайта, которую мы также проверяем на различных устройствах и при разных типах подключения.
Тест юзабилити сайта на всех типах устройств
Результаты
  • Разработан полноценный сайт с отдельными разделами для услуги технической поддержки и услуги онлайн-обучения. Для облегчения восприятия информации процесс подключения клиента к услуге на главной странице сайта показан схематически.
  • Сайт полностью адаптирован под мобильные устройства и SEO- оптимизирован. Раздел «Блог» наполнен уникальными статьями. Создана удобная модель коммуникации с клиентами с помощью форм обратной связи, онлайн-чата и возможности быстрой консультации в мессенджерах.
  • После трех месяцев работы по SEO-продвижению главные страницы вышли в ТОП-10 по основным и брендовым запросам. Количество заявок из поиска составляет около 40 в месяц.
ДО
Изначальный вариант сайта
ПОСЛЕ
Сайт компьютерных услуг после редизайна
ХОТИТЕ ТАК ЖЕ?
Тогда готовы помочь! Оставьте заявку и наш менеджер свяжется с вами