Що ви отримуєте в результаті
Результат роботи дизайнера — не картинка, а набір файлів у Figma, з якими можна працювати далі:
- макети всіх типів сторінок для комп’ютера і телефона;
- бібліотеку елементів: кнопки, поля форм, картки, меню, іконки, у всіх станах;
- опис стилю — шрифти, кольори, сітка, правила для фото та ілюстрацій;
- експортовані зображення та іконки, готові для розробки.
З таким набором ваша команда чи будь-які розробники зможуть зверстати сайт і додавати нові сторінки в тому самому стилі.
Окремо звертаємо увагу на стани, про які часто забувають: що бачить людина, коли форма заповнена з помилкою, товару немає в наявності, пошук нічого не знайшов або сторінка ще завантажується. Саме такі дрібниці відрізняють продуманий сайт від гарної, але сирої картинки.
Дизайн для різних типів сайтів
Сайт компанії. Головне — довіра: фото реальних людей і об’єктів, акуратна типографіка, зрозуміла подача послуг. Тут дизайн працює на образ компанії більше, ніж будь-де.
Інтернет-магазин. Дизайн має не заважати товару. Найважливіші — картка товару, каталог з фільтрами та кошик. Яскраві декоративні елементи тут часто шкодять, бо відволікають від фото продукції.
Лендинг. Одна сторінка, одна пропозиція. Дизайн веде людину від першого екрана до форми заявки, тому важливий ритм блоків і чіткі акценти.
Сервіс чи кабінет. Тут вигляд вторинний щодо зручності: таблиці, форми, стани помилок. Візуальний стиль має бути спокійним, щоб з ним було комфортно працювати щодня.
Шаблон чи власний дизайн
Готовий шаблон. Плюси — швидко і недорого, а результат одразу видно. Мінуси — ваш сайт буде схожий на сотні інших, а структура шаблону не завжди підходить під ваш контент. Підходить для старту, тестування ідеї чи невеликої компанії без чіткого бренду.
Шаблон з адаптацією. Беремо добру основу і доробляємо: ваші кольори й шрифти, перебудовані блоки, кілька власних сторінок. Компромісний варіант, коли бюджет обмежений, але хочеться відрізнятися.
Власний дизайн. Плюси — сайт підкреслює саме вашу компанію, структура будується під ваш контент і клієнтів. Мінуси — більше часу й бюджету, потрібна ваша участь в узгодженнях. Виправданий, коли сайт — важливий канал продажів або бренд конкурує за рахунок образу.
Дизайн і фірмовий стиль
Найпростіше створювати дизайн сайту, коли в компанії вже є логотип, кольори й шрифти. Тоді сайт продовжує те, що клієнти бачать на упаковці, у соцмережах і в офісі.
Якщо фірмового стилю немає, ми можемо сформувати його базу в межах роботи над сайтом. А коли потрібна повноцінна айдентика, логічно спершу зайнятися розробкою логотипу, а вже потім дизайном сайту.
Новий дизайн чи оновлення наявного
Якщо сайт працює, має трафік і заявки, малювати все з нуля ризиковано: можна втратити позиції в пошуку та звичні для клієнтів сценарії. Для такої ситуації є окремий підхід — редизайн сайту, коли ми спершу аналізуємо, що на сайті працює, і змінюємо решту поступово.
Новий дизайн з нуля доречний для нового сайту або коли старий настільки застарів, що зберігати з нього нічого.
Що підготувати перед початком
- Логотип, фірмові кольори й шрифти, брендбук, якщо він є.
- Тексти або хоча б чернетки для ключових сторінок. Дизайн під реальний текст завжди точніший.
- Власні фото продукції, команди, офісу. Стокові фото роблять сайт безликим.
- Кілька сайтів, які вам подобаються, і кілька, які не подобаються, з поясненням чому.
Як оцінювати дизайн: не лише «подобається»
Обговорювати дизайн на рівні смаку складно: одному подобається синій, іншому зелений. Корисніше перевіряти макет запитаннями:
- чи зрозуміло за кілька секунд на першому екрані, що пропонує компанія і для кого;
- чи помітна головна дія — залишити заявку, обрати товар, зателефонувати;
- чи легко читати текст на телефоні, без збільшення;
- чи виглядає сайт як продовження вашого бренду, а не чужий.
Ми показуємо дизайн разом з поясненням, чому ухвалено те чи інше рішення, і так само чекаємо від вас зауважень з причинами.
Типові помилки при замовленні дизайну
- Почати без текстів. Дизайн під текст-заповнювач потім руйнується, коли справжній текст виявляється вдвічі довшим.
- Забути про телефон. Значна частина відвідувачів заходить саме зі смартфона, тому мобільні версії ключових сторінок варто дивитися не менш уважно. Окремо про це — на сторінці мобільного дизайну.
- Погоджувати колективом. Коли кожен керівник відділу додає свої правки, дизайн втрачає цілісність. Краще призначити одну людину, яка збирає думки і ухвалює рішення.
- Ставити ефекти вище за зміст. Анімації та складні переходи виглядають ефектно на презентації, але можуть сповільнювати сайт і відволікати від головного.
Що впливає на вартість дизайну
- Кількість різних типів сторінок. Десять однакових сторінок послуг — це один шаблон, а не десять макетів.
- Формат: адаптація шаблону чи повністю власний дизайн.
- Наявність фірмового стилю або потреба створити його основу.
- Ілюстрації, іконки й анімації, які малюються спеціально для сайту.
- Кількість мовних версій і різних екранів, для яких потрібні окремі макети.
Після брифу ми розписуємо перелік макетів і показуємо, з чого складається оцінка. Якщо бюджет обмежений, підкажемо, які сторінки варто намалювати окремо, а які можна зібрати з уже готових блоків.
Часті запитання
Чи можна замовити лише дизайн, без розробки? Так. Ми передаємо макети у Figma з бібліотекою елементів, і сайт може верстати ваша команда або інший підрядник.
Скільки варіантів дизайну ви показуєте? На етапі мудборду пропонуємо кілька напрямів, а далі розвиваємо один обраний. Так ми витрачаємо час на доопрацювання, а не на паралельні ескізи, з яких більшість піде в кошик.
Чи можна вносити правки? Так, правки — нормальна частина процесу. Кількість кіл узгодження обговорюємо на старті, щоб усе було прозоро.
Чи можна згодом додавати сторінки без дизайнера? Так, якщо дизайн зібраний з компонентів. Нові сторінки складаються з уже готових блоків, і сайт залишається цілісним.
Чи буде дизайн зручним для SEO? Дизайн закладає структуру заголовків, місце для текстів і швидкі легкі сторінки. Решта залежить від розробки та наповнення.
Чому Promodex
Promodex працює з 2015 року, і веб-дизайн та брендинг — один з основних напрямів агентства. Дизайнери в Promodex працюють поруч з розробниками й маркетологами, тож макети від початку враховують, як сайт буде зверстаний і як його просуватимуть. Ми не передаємо дизайн на аутсорс і залишаємося на зв’язку, коли сайт потрібно розвивати.
