Вебдизайн для компанії «Фрегат Сервіс».
Як влаштований сайт
IT-сервіс із цінами, які можна порівняти
IT-сервіс ремонтує та налаштовує комп’ютери, мережі й відеоспостереження. Дизайн за два кліки веде до потрібної послуги й показує пакети з фіксованими цінами. Натисніть на акцент — екран прокрутиться до потрібного місця.
01Головна
Чотири напрями, один шлях до контакту
Клієнти приходять із конкретною проблемою. Тому чотири напрями (інтернет і Wi-Fi, безпека й відеоспостереження, обслуговування техніки, IT-аутсорсинг) винесено окремим рядком під шапку, а форма зв’язку є вже на першому екрані.
Акценти
-
Режим роботи, телефон і кнопка «Ми вам передзвонимо» — у шапці кожної сторінки.
-
Кожен напрям розкриває список конкретних послуг, наприклад монтаж, модернізація чи діагностика систем відеоспостереження.
-
Ім’я, телефон, повідомлення: три поля поруч із пропозицією, без пошуку сторінки контактів.
-
Роутери, відеоспостереження, обслуговування, монтаж мереж: картинка й назва, один клік до послуги.
-
Відомі торговельні мережі серед партнерів дають довіру ще до дзвінка.
Відповідає на питання
- Ви робите й відеоспостереження?
- Коли ви на зв’язку?
02Сторінка послуги
Три пакети замість «ціна за запитом»
Для «Налаштування ноутбука / ПК» є три пакети: що входить, що ні, і фіксована ціна. Середній пакет виділено. Нижче — окремі послуги з ціною та кнопкою.
Акценти
-
Рядок чотирьох напрямів повторюється на кожній сторінці, перехід — один клік.
-
Однакові рядки в усіх трьох колонках: галочки й хрестики одразу показують різницю.
-
Середній пакет вищий і кольоровий: погляд потрапляє туди, де обирає більшість.
-
Видалення вірусів, діагностика, чищення: у кожному рядку коротке пояснення, ціна й своя кнопка замовлення.
Відповідає на питання
- Скільки коштує налаштувати мій ноутбук?
- Що входить у пакет?
03Стайлгайд
Одна система для всіх сторінок
До дизайну додано невеликий стайлгайд: палітра, стани кнопок і шрифт. Так нові сторінки виглядають як старі, а верстка йде швидше.
Акценти
-
Сіро-синій як основа, червоний лише для дій: «Замовити» й «Передзвоніть» одразу помітні.
-
Звичайний, наведення, натискання: для кожної кнопки задано, як вона реагує.
-
Montserrat в усіх заголовках і текстах тримає картинку спокійною.