контакты

ДНЕПР, ПР-Т АЛЕКСАНДРА ПОЛЯ, 82-Г
+38 (098) 074 33 64
CONTACT@WOWWEB.AGENCY
Связаться в мессенджерах
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 на місяць.
ДО
Початковий варіант сайту
ПІСЛЯ
Сайт комп’ютерних послуг після редизайну
ПЕРЕГЛЯНУТИ ІНШІ ПРОЄКТИ
ХОЧЕТЕ ТАК САМО?
Тоді готові допомогти! Залиште заявку і наш менеджер зв’яжеться з вами.