Замовити дизайн сайту у Figma: макети лендінгу для комп'ютера й телефона

Послуга

Дизайн лендінгу (сайту) у Figma

Замовити дизайн сайту чи лендінгу у Figma можна зі структурою, текстами, десктопною й мобільною версіями та допоміжними сторінками. Ви отримуєте готовий макет, за яким можна одразу робити сайт, у мене або у вашого розробника. Працюю дистанційно, за договором, а ціни називаю відкрито.

Figma

макет з доступом для вас

ПК + мобільна

обидві версії в ціні

3 кола

правок дизайну включено

Визначення

Дизайн сайту у Figma: що таке дизайн лендінгу і що входить у послугу

Дизайн лендінгу (landing page) це макет сторінки, який показує, що й де буде стояти, як вона виглядатиме на комп’ютері та телефоні і як відвідувач дійде до заявки. Це не лише гарна картинка: я продумую структуру, пишу тексти під кожен блок і промальовую все, що бачить користувач.

У послугу входить:

  • Структура й прототип. Порядок блоків під вашу пропозицію й аудиторію.
  • Написання текстів. Заголовки, описи, кнопки, відповіді на заперечення. Ви перевіряєте й затверджуєте.
  • Десктопна версія. Макет для комп’ютера.
  • Мобільна версія. Окремий макет для телефона, а не стиснута копія десктопа.
  • Стилі й компоненти. Кольори, шрифти, кнопки, форми, щоб сайт виглядав цілісно.
  • Допоміжні сторінки й попапи. Thank You Page, Privacy Policy, форма заявки та повідомлення про успіх.
  • Промальовування станів. Наведення на кнопки, помилки у формі, заповнена форма.
  • Передача макета. Доступ до Figma, експорт зображень та іконок.

Кому підходить

Коли замовляти лише дизайн, а коли дизайн із розробкою

Замовити дизайн сайту окремо від розробки має сенс, якщо у вас уже є розробник або команда, яка робитиме сайт, або якщо ви хочете спочатку побачити й погодити сайт, а потім платити за розробку. Також це хороший варіант, коли старий дизайн не працює, а переробляти весь сайт поки рано.

Якщо потрібен готовий сайт, зручніше замовити дизайн і розробку на WordPress одним проєктом: макет одразу малюється з урахуванням того, як його буде зібрано. Дивіться розробку лендінгу і розробку сайтів під ключ.

Деталі

Допоміжні сторінки й попапи, про які часто забувають

Лендінг це не лише головна сторінка. Після того як людина залишила заявку, вона бачить ще кілька екранів, і їх краще продумати одразу:

  • Thank You Page. Підтверджує, що заявку отримано, пояснює, що буде далі, і дає змогу рахувати конверсії в аналітиці й рекламі.
  • Privacy Policy. Потрібна, коли ви збираєте дані через форми й аналітику. Малюю її в стилі сайту, щоб не виглядала чужою.
  • Попапи. Форма заявки, зворотний дзвінок, повідомлення про успішне надсилання.

Усе це входить у дизайн лендінгу (Thank You Page й попап із формою) або додається окремо.

Послуги

Інші
WordPress
послуги

Беру проєкти під ключ: від дизайну й розробки до SEO, швидкості та підтримки.

Розробка сайту під ключ
Візитка, корпоративний сайт, кастомна тема.
WooCommerce магазини
Каталог, оплата, доставка, інтеграції.
SEO-оптимізація
Технічний аудит, індексація, розмітка.
Редизайн сайту і верстка з Figma
Оновлю старий сайт або перенесу ваш макет Figma чи PSD на WordPress без втрати позицій і швидкості.
Підтримка та доробки
Оновлення, бекапи, безпека, нові функції.
Оптимізація швидкості
Core Web Vitals, кеш, зображення.

Переваги

Чому замовляють дизайн саме в мене

Один виконавець

Дизайн і розробка в однієї людини: макет одразу малюється з розумінням, як він працюватиме на WordPress.

Дві версії в ціні

Десктопна й мобільна версії входять у вартість, окремо за мобільну платити не потрібно.

Тексти разом з дизайном

Пишу тексти під кожен блок, щоб макет був не із заглушок, а з реальним змістом.

Відкриті ціни

Орієнтири на сторінці, точну суму називаю після брифу. Працюю як ФОП, за договором.

Процес

П’ять кроків від заявки до готового макета

Бриф і ціль

Ви описуєте продукт, аудиторію й пропозицію, я називаю орієнтир ціни й термінів.

Договір

Працюю як ФОП: фіксуємо обсяг, терміни, вартість і умови оплати.

Структура й тексти

Складаю структуру сторінки й пишу тексти для кожного блоку. Ви погоджуєте.

Дизайн: ПК, мобільна й допоміжні сторінки

Малюю десктопну й мобільну версії, Thank You Page, попапи та стани елементів.

Правки й передача макета

Вношу правки (до 3 кіл) і передаю Figma-файл з експортом матеріалів.

Вартість

Скільки коштує дизайн лендінгу та сайту

Ціна залежить від кількості блоків і сторінок та від того, чи потрібні тексти. Нижче орієнтири, точну суму називаю після брифу.

Що замовляєтеЩо входитьЦінаТермін
Дизайн лендінгуІндивідуальний макет у Figma: десктопна й мобільна версії, тексти, стилі й компоненти, Thank You Page, попап із формою, 3 кола правоквід 16 000 грнвід 5 днів
Дизайн сайту-візитки, корпоративного сайту, інтернет-магазинуОбсяг залежить від кількості сторінок, оцінюю після брифуобговорюється індивідуальнообговорюється індивідуально
Дизайн разом з розробкою на WordPressЛендінг: макет у Figma й кастомна розробка на WordPressвід 25 000 грнвід 10 днів

Дизайн і розробка разом. Якщо потрібен готовий сайт, а не лише макет, вигідніше замовити все одним проєктом: лендінг з індивідуальним макетом у Figma на WordPress від 25 000 грн. Деталі на сторінці розробка лендінгу, а всі типи сайтів у калькуляторі цін.

FAQ

Часті питання

Скільки коштує дизайн лендінгу?

Дизайн лендінгу з текстами, десктопною й мобільною версіями коштує від 16 000 грн. Для сайту-візитки, корпоративного сайту чи магазину суму називаю після брифу, бо вона залежить від кількості сторінок.

Чи можна замовити лише дизайн, без розробки?

Так. Ви отримуєте макет у Figma й передаєте його своєму розробнику або команді. Якщо захочете, я зроблю сайт за цим макетом на WordPress.

Що я отримаю в результаті?

Файл Figma з доступом для вас: макети для комп’ютера й телефона, стилі (кольори, шрифти, кнопки, форми), Thank You Page й попапи. Також експортую зображення та іконки для розробки.

Чи входить мобільна версія?

Так. Мобільну версію я малюю окремим макетом, а не стискаю десктопну, бо на телефоні блоки читаються й натискаються інакше.

Хто пише тексти для лендінгу?

Я пишу тексти під кожен блок: заголовки, описи, кнопки, відповіді на часті питання. Ви читаєте, виправляєте й затверджуєте. Якщо у вас є свої тексти, використаю їх.

Навіщо Thank You Page і попапи в дизайні?

Thank You Page показує людині, що заявку отримано й що буде далі, а ще дає змогу точно рахувати конверсії в аналітиці й рекламі. Попапи (форма заявки, повідомлення про успіх) теж краще малювати одразу, щоб вони виглядали як частина сайту.

Скільки кіл правок входить у ціну?

Три кола правок макета. Одне коло це зведений список змін, який ви надсилаєте за один раз.

Чи зробите сайт за макетом іншого дизайнера?

Так, переношу макет Figma чи PSD на WordPress. Про це детальніше на сторінці редизайн сайту і верстка з Figma.

Давайте обговоримо ваш дизайн

Опишіть задачу в кілька речень, і я відповім протягом дня з орієнтиром ціни та термінів. Консультація безкоштовна.