NEW CASE
Antana

Створюємо цифрові рішення, які працюють на бізнес


Зателефонуйте нам +38 (066) 35-14-529

Зробімо перший крок до вашого сайту — напишіть нам

Закрити

Дизайн сайту Дизайн сайту у Figma і Photoshop — BB STUDIO у Figma і Photoshop

Робимо макет сайту у Figma — з компонентами, Auto Layout, стилями й адаптивними фреймами, — а якщо вашому розробникові зручніше працювати з Photoshop, малюємо макет у PSD. Дизайн у Figma — від 7 900 грн.

Працюємо офіційно й без передоплати. Готовий макет можна одразу віддати нам у верстку або вашому розробникові — з усіма розмірами, кольорами й ресурсами для експорту.

Отримати прорахунокОтримати прорахунок
Дизайн сайту у Figma і Photoshop — BB STUDIO

Чому ми працюємо у Figma

Figma працює в браузері: ви відкриваєте макет за посиланням і залишаєте коментарі просто на потрібному блоці, а ми бачимо їх одразу. Не треба пересилати файли й зʼясовувати, яка версія остання.

Макет збираємо з компонентів і Auto Layout, а кольори й шрифти задаємо стилями та змінними. Завдяки цьому макет лишається впорядкованим навіть після багатьох правок, а розробник у Dev Mode бачить відступи, розміри й CSS-властивості без здогадок.

Photoshop лишається варіантом, якщо ваш розробник звик до PSD: тоді робимо макет у Photoshop з упорядкованими шарами й групами. А щоб макет став робочим сайтом, замовте верстку pixel perfect — зверстаємо з будь-якого з цих форматів.

Ціни на дизайн і верстку макета

Дизайн і верстку можна замовити разом або окремо. Ціна — у договорі до старту, передоплати немає.

Дизайн у Figma

разово; за потреби — у PSD
від 7 900 грн
  • Компоненти й варіанти
  • Auto Layout в усіх блоках
  • Стилі та змінні кольорів і шрифтів
  • Фрейми 360, 768 і 1280+
  • Передача в Dev Mode
  • Іконки й зображення для експорту
Отримати прорахунокОтримати прорахунок

Верстка за макетом

за сторінку; лендінг від 4 900 грн
від 1 500 грн
  • З Figma або PSD
  • Звірка з макетом накладанням
  • Адаптив і кросбраузерність
  • Зображення у WebP
Отримати прорахунокОтримати прорахунок

Ціна дизайну залежить від кількості сторінок і складності компонентів, верстки — від кількості й складності сторінок. Обидві послуги вже входять у лендінг під ключ від 9 900 грн, тож якщо вам потрібен готовий сайт, а не лише файл, порівняйте ці варіанти.

Яким буде ваш макет

01

Компоненти

Кожен елемент інтерфейсу існує в макеті один раз — як головний компонент із варіантами: розміри, стани, з іконкою чи без. Усі копії на сторінках успадковують його зміни.

02

Auto Layout

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

03

Стилі та змінні

Кольори, шрифти, відступи й радіуси винесені в стилі та змінні. Змінити фірмовий колір у всьому макеті — одна дія, а не десятки правок.

04

Адаптивні фрейми

Кожну ключову сторінку показуємо у фреймах 360, 768 і 1280+ px, тож видно, як блоки перебудовуються від телефону до великого монітора.

05

Передача в Dev Mode

Позначаємо фрейми, готові до розробки, а розробник бере розміри, кольори й CSS-властивості просто з макета та експортує іконки в SVG, а зображення — у PNG чи JPG.

06

Макет у Photoshop

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

Від брифу до готового макета

  1. Бриф і формат

    Зʼясовуємо завдання й одразу домовляємося, хто верстатиме і в якому форматі потрібен макет.

  2. Прототип і стиль

    Структура сторінок і кілька ключових компонентів, щоб зафіксувати візуальну мову.

  3. Макети всіх ширин

    Сторінки в погодженому стилі, з адаптивом і нотатками для розробника.

  4. Передача

    Доступ до файлу Figma або PSD, позначені фрейми й відповіді на питання розробника.

Картинка, шаблон чи Figma-макет

Що отримує розробник у кожному випадку — і скільки йому доведеться вгадувати.

Плоский макет-картинка (JPG/PNG)Готовий шаблонFigma-макет від BB STUDIO
Мобільна версіяЗазвичай немаєЯк у шаблоніФрейми 360/768/1280+
Стани елементівЛише один виглядЧастковоНаведення, помилка, неактивний
Розміри й відступиМіряти вручнуСховані в коді шаблонуУ Dev Mode
Внесення змінПереробляти кожен екранОбмежено шаблономЧерез компоненти й стилі
Спільна роботаПересилання файлів—Коментарі за посиланням
Дизайн у Figma
або у Photoshop, якщо так зручніше розробникові
від 7 900 грн
Отримати прорахунокОтримати прорахунок

Часті питання про макети у Figma і PSD

Від 7 900 грн. Ціна залежить від кількості сторінок і компонентів: лендінг малюємо за 3–5 днів, корпоративний сайт — за 1–2 тижні. Верстку за цим макетом можемо взяти на себе: від 1 500 грн за сторінку або від 4 900 грн за весь лендінг.

Так. Figma не експортує файли у PSD, тому формат обираємо до старту: якщо розробникові потрібен Photoshop, макет одразу робимо в ньому. Готовий PSD-макет ми також можемо зверстати.

Це не проблема: макет відкривається просто в браузері за посиланням. Якщо в розробника немає доступу до Dev Mode, іконки й зображення експортуємо самі й передаємо архівом, а неочевидні моменти пояснюємо в коментарях до макета.

Стандартний набір — 360 px (телефон), 768 px (планшет) і 1280 px і ширше (компʼютер). Якщо аналітика показує багато відвідувань з інших екранів, наприклад великих моніторів, додаємо фрейми й під них.

Так. Якщо макет уже є у Figma чи PSD, можемо привести його до ладу: зібрати компоненти, додати адаптивні версії й стани елементів. Ціну називаємо, коли побачимо файл.

Так. Беремо шрифти з відкритою ліцензією, як-от Google Fonts, або ваші фірмові з ліцензією для вебу. Фото — ваші або зі стоків, що дозволяють комерційне використання, щоб на сайті не було чужих зображень без прав.

Ні. За нашу роботу передоплати немає: оплата за домовленістю або за договором. Працюємо офіційно як ФОП 3 групи, без ПДВ — договір, рахунок, акт.

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

Підготуйте зображення й сторінку

Експортували зображення з макета? Переведіть їх у WebP і перевірте вагу та alt, а після запуску гляньте на сніпет у Google й виміряйте швидкість сторінки — усе безкоштовно.

Дизайн і верстка

Без передоплати й офіційно

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

Без передоплати

Не беремо грошей наперед. Оплату погоджуємо з вами заздалегідь — за домовленістю або за договором.

Офіційно: ФОП 3 групи

Договір, рахунок і акт виконаних робіт. Ми працюємо без ПДВ — ціна кінцева, ПДВ зверху не додається.

Ціна й строки — в договорі

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

Прорахунок безкоштовно

Консультація й оцінка проєкту нічого не коштують і ні до чого не зобовʼязують. Відповідаємо за 15 хвилин у робочий час.

Суміжні послуги

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

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

Каталог товарів
Кошик
Оплата онлайн
Доставка
CRM
Аналітика

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

Конверсія
Прототип
Адаптивність
Форма заявки
Аналітика

Дизайн нового сайту й редизайн старого, UX-аудит, макети у Figma чи Photoshop і верстка pixel perfect. Також робимо логотипи й фірмовий стиль. Дбаємо, щоб сайт був зрозумілим людям і приводив заявки, а не лише гарно виглядав.

Оптимізуємо сайт для пошукових систем, покращуємо його видимість у Google та залучаємо цільову аудиторію. Працюємо над технічною оптимізацією, контентом і зростанням органічного трафіку.

Налаштовуємо й ведемо рекламу в Google, Facebook, Instagram і TikTok, а ще допомагаємо бізнесу потрапляти у відповіді ChatGPT та AI-пошуку. Прозорий бюджет, зрозумілі звіти й відкриті ціни на сайті.

Ведемо Instagram, Facebook і TikTok бізнесу: контент-план, публікації, Reels і сторіз в одному стилі. Оформлюємо сторінки з нуля — аватар, опис, обкладинки, кнопки й посилання на сайт.

Забезпечуємо стабільну роботу сайту: оновлення, резервне копіювання, виправлення помилок, контроль безпеки та технічний супровід. Ви розвиваєте бізнес — ми дбаємо про сайт.

Розміщуємо сайти на швидкому SSD-хостингу з SSL, щоденними бекапами та моніторингом 24/7. Переносите сайт від іншого хостера — перенос безкоштовний, а 2 тижні хостингу отримаєте в подарунок.

Давайте разом створимо щось дивовижне

Стати клієнтомСтати клієнтом
Telegram Viber Подзвонити