Коли потрібен саме макет, а не сайт
Є три типові ситуації.
У вас є розробник. Штатний або перевірений підрядник, який добре пише код, але дизайн — не його частина. Наймати дизайнера в штат заради одного проєкту дорого.
Треба показати до того, як будувати. Інвестору, партнеру, власній команді. Макет коштує вчетверо дешевше за розробку й відповідає на питання «як це виглядатиме» за тиждень, а не за місяць.
Ви ще не вирішили. Побачити готовий дизайн — найкращий спосіб зрозуміти, чи потрібен вам сайт саме такий. Іноді після макета стає ясно, що вистачить лендінга.
Спершу структура, потім краса
Найдорожча правка — та, що приходить після відмальованих екранів: «а давайте переставимо блоки». Тому починаю з прототипу: сірі блоки, справжні заголовки, жодних кольорів. На цьому етапі перестановка коштує пів години.
У прототипі відповідаємо на питання, від яких залежить конверсія. Що людина бачить у першому екрані. Коли вона готова залишити заявку — і чи є там форма. Що знімає її головне заперечення й на якому місці сторінки. Красивий дизайн поверх неправильної структури не рятує.
Що входить у макет
Не тільки «як виглядає в ідеалі». Реальний сайт має стани, і саме на них зазвичай економлять:
- кнопка при наведенні, при натисканні, неактивна;
- поле форми порожнє, заповнене, з помилкою;
- меню на телефоні — відкрите й закрите;
- порожній стан: кошик без товарів, пошук без результатів;
- як поводиться довгий заголовок і як — короткий.
Це те, через що макет виглядає дорогим, а зверстаний сайт — дешевим. Розробник не має вигадувати на ходу.
Адаптив — не «стисніть десктоп»
Малюю три розміри: телефон, планшет, десктоп. Мобільний часто роблю першим, бо з нього приходить більшість людей і саме там найжорсткіші обмеження. Те, що влізло на телефоні, завжди розкладеться на великому екрані; навпаки — ні.
Передача й що далі
Віддаю вихідник Figma з правами редагування. Усередині: сітка, стилі кольорів і тексту, компоненти для повторюваних елементів. Якщо розробник працюватиме не одразу — усе лишиться зрозумілим і через пів року.
Якщо потрібна ще й айдентика — логотип, палітра, шрифти — це окрема послуга, і її логічно робити до макета. Якщо ж треба одразу робочий сайт, дивіться розробку: там дизайн уже входить у вартість.