Перейти до змісту

(SW® — 01) Послуга

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

Дизайн сайту у Figma, який продає, а не просто виглядає

(SW® — 02) Умови

Вартість
від $25/год
Термін
після брифу
Заповнити бриф 5 хв
  • 210+ проєктів з 2016 року
  • 3 версії екрана в кожному макеті

(SW® — 03) Діагноз

Дизайн сайту не працює, якщо…

  1. 01

    Це шаблон, який уже бачили ваші клієнти.

    Однакові блоки в однакових сайтах роблять вас одним із багатьох і зводять вибір до ціни.

  2. 02

    Красиво, але незрозуміло, куди натискати.

    Дизайн, який відволікає від головної дії, продає гірше за простий, але чіткий.

  3. 03

    Макет є лише для десктопа.

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

  4. 04

    Дизайнер передав картинку, а розробник вгадує.

    Без станів, компонентів і порядку у файлі верстка виходить не такою, як задумано.

Хороший дизайн не прикрашає сайт. Він веде клієнта до заявки.

(SW® — 05) Що входить у роботу

Що входить у роботу

Вартість
від $25/год
Термін
після брифу

001. Крок

Бриф і референси

З’ясовуємо ваш бізнес, аудиторію, приклади, що подобаються, і ваш стиль, якщо він є.

  • Бізнес, аудиторія й мета сайту
  • Референси й ваш фірмовий стиль
  • Що має відчути клієнт на першому екрані

Ви отримуєтеСпільне розуміння, у якому напрямку ми рухаємося.

002. Крок

Напрямок стилю

Показуємо загальний напрямок до деталей, щоб погодити його на початку й мати менше правок.

  • Кольори, типографіка й настрій
  • Один-два напрямки на вибір
  • Погодження до роботи над деталями

Ви отримуєтеЗатверджений напрямок, від якого будуємо весь макет.

003. Крок

Ключові екрани

Малюємо головну та ключові сторінки з акцентом на головну дію.

  • Головна й ключові сторінки
  • Чіткі заклики до дії
  • Логіка блоків без заглушок

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

004. Крок

Дизайн-система

Збираємо не окремі макети, а набір компонентів: типографіку, кнопки, картки, форми.

  • Типографіка й кольорові стилі
  • Кнопки, картки, форми як компоненти
  • Нові сторінки збираються з готових блоків

Ви отримуєтеСистему, яка росте разом із сайтом.

005. Крок

Адаптив, стани й анімації

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

  • Десктопна, планшетна й мобільна версії
  • Стани кнопок, форм і меню
  • Анімації та переходи

Ви отримуєтеМакет, який не розсипається на жодному екрані.

006. Крок

Правки, затвердження й передача

Вносимо правки до остаточного затвердження й передаємо файл, готовий до розробки.

  • Правки до затвердження
  • Порядок і назви у файлі
  • Файл у Figma ваш

Ви отримуєтеМакет, за яким розробник працює без здогадок.

(SW® — 04) Кому підходить

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

© — 001.

Новий сайт чи продукт

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

© — 002.

Сайт виглядає застарілим

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

© — 003.

Є розробник, немає дизайнера

Розробник готовий, а макета немає. Робимо дизайн, який легко перетворити на код.

(SW® — 06) Порівняння

Шаблон чи дизайн від SWEB?

Готовий шаблон Дизайн від SWEB
Унікальність Той самий вигляд, що в тисяч інших сайтів Макет під ваш бренд, без шаблонів
Структура Блоки в порядку, який дає шаблон Порядок під заперечення вашої аудиторії
Система Окремі екрани Дизайн-система: типографіка, кнопки, картки, форми
Екрани Лише десктоп Десктопна, планшетна й мобільна версії
Деталі Стандартні стани Продумані стани кнопок і форм, анімації
Передача Картинки без структури Файл у Figma, готовий до розробки

(SW® — 07) Формати

Що проєктуємо у дизайні

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

© — 01

Дизайн лендінга

Одна сторінка, яка веде до однієї дії.

після брифу

Термін: після брифу

  • Унікальний макет під ваш бренд
  • Десктопна, планшетна й мобільна версії
  • Продумані стани кнопок і форм
  • Правки до остаточного затвердження
  • Файл у Figma, готовий до розробки

© — 02 Рекомендуємо

Дизайн сайту та дизайн-система

Багатосторінковий сайт із набором компонентів.

від $25/год

Термін: після брифу

  • Унікальний дизайн без шаблонів
  • Дизайн-система: типографіка, кнопки, картки, форми
  • Ключові сторінки у трьох версіях екрана
  • Анімації й стани інтерактивних елементів
  • Нові сторінки збираються з готових блоків
  • Файл у Figma, готовий до розробки

© — 03

Оновлення існуючого дизайну

Свіжий вигляд у рамках вашого стилю.

після огляду

Термін: після огляду

  • Огляд поточного дизайну
  • Оновлення в межах вашого стилю й логотипа
  • Нова структура, якщо це підвищує конверсію
  • Десктопна й мобільна версії
  • Файл у Figma, готовий до розробки

(SW® — 11)Відгуки клієнтів

Відгуки клієнтів

Що кажуть компанії, з якими ми працювали.

Усі відгуки

Ми продавали одяг для танців через Instagram і тонули в замовленнях у директі. Хлопці зробили магазин, у якому покупець сам обирає розмір і колір, і замовлення нарешті перестали губитися. Окремо відзначу, що каталог ми з того дня ведемо самі — жодного разу не довелося звертатися за дрібницями.

Анна Founder

(SW® — 09) Гарантії

Макет, який можна будувати

  • 01

    Спершу напрямок, потім деталі

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

  • 02

    Макет ваш

    Передаємо файл у Figma: ви можете віддати його будь-якому розробникові.

  • 03

    Працюємо у вашому стилі

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

  • 04

    Готовий до верстки

    Компоненти, стани й порядок у файлі, щоб розробник не вгадував.

(SW® — 10) FAQ

Питання про дизайн

001. Чи отримаю я файл Figma?

Так. Макет ваш, ми передаємо файл із компонентами й порядком, щоб його міг використати будь-який розробник.

002. Чи можете працювати за нашим брендбуком?

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

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

Погодинна робота від $25/год. Суму називаємо після короткого брифу, коли зрозумілі кількість сторінок і складність.

004. Чи верстаєте ви за вашим дизайном?

Так. Після затвердження макета можемо зверстати його й підключити до CMS чи платформи. Дивіться послугу «Верстка й адаптивність».

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

Так. Передаємо готовий файл у Figma, і ви можете віддати його своєму розробникові.

006. Чому не згенерувати дизайн через ШІ?

ШІ дає варіанти, схожі між собою, і не будує систему компонентів, станів і сценаріїв. Такий макет красивий на одному екрані й розсипається в роботі. Ми використовуємо ШІ як інструмент, а рішення приймає дизайнер, який відповідає за результат.

(SW® — 12) Наступний крок

Розкажіть про проєкт. Покажемо, яким може бути його дизайн.

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

Заповнити бриф
Без зобов’язань і передоплати.
Обговорити проєкт