Одна система: кольори, шрифти, сітка й компоненти, з яких складається кожна сторінка. Нижче головна в трьох палітрах, правила системи, мапа сторінок і те, що ми віддаємо верстальнику.
Коротко про те, що ви робите і для кого. Один головний заклик і один запасний, без десяти кнопок на екрані.
Два рядки про суть послуги й для кого вона.
Однакова висота карток, однакова логіка підпису.
Картка клікабельна повністю, не лише заголовок.
Усе, що бачите вище, береться з кількох змінних. Змінити палітру чи шрифт означає змінити одне місце, а не сотню.
| Пара | Співвідношення | AA |
|---|---|---|
| Текст на фоні | 16,4 : 1 | так |
| Білий на кнопці | 6,7 : 1 | так |
| Акцент на світлому | 5,7 : 1 | так |
Висота 46 px, видимий фокус із клавіатури, окремі стани наведення, натискання й вимкнено.
П'ять типів сторінок на одних і тих самих блоках. Нова сторінка збирається з готових компонентів, а не малюється з нуля.
Те, що додає заявок і не вимагає переробляти дизайн, бо вже закладено в систему.
Шаблон кейсу: завдання, що зробили, результат у цифрах. Перші 3 кейси швидко піднімають довіру.
Кнопка зв'язку в шапці й внизу кожної сторінки, форма з двома полями замість шести.
Легкі зображення, окремі заголовки сторінок, мікророзмітка. Це видно в пошуку без реклами.
Картка статті вже є в системі. Експертні тексти приводять трафік на послуги.
Сітка тримає довші тексти, тож англійська чи інша версія не ламає макет.
Події на кнопках і формах із першого дня, щоб бачити, що працює, а не вгадувати.
Макет, у якому верстальнику не доводиться вгадувати.
1. Вивчаємо брендбук і ТЗ, уточнюємо запитання.
2. Концепт головної в двох напрямах, ви обираєте.
3. Решта сторінок і мобільна версія.
4. Правки, передача файлів і коротка інструкція для верстальника.