© — 001.
Новий сайт чи сервіс
Ще немає ні структури, ні логіки. Збираємо їх з аналізу ніші й клієнтів, а не з припущень.
(SW® — 01) Послуга
Спершу логіка й клікабельний прототип, потім дизайн. Так правки коштують дешевше, а сайт відповідає на питання клієнта.
Проєктування сайту: структура, що веде до заявки, а не до виходу зі сторінки
(SW® — 02) Умови
- Вартість
- від $25/год
- Термін
- після брифу
- 210+ проєктів з 2016 року
- 2 тижні на клікабельний прототип складного проєкту
- 0 рядків коду до погодженого прототипу
(SW® — 03) Діагноз
Сайт без проєктування не продає, коли…
-
01
Дизайнер малює «красиво», а не «зрозуміло».
Картинка гарна, але відвідувач не знаходить головного й не розуміє, що робити далі.
-
02
Структуру придумали на нараді, а не з даних.
Без аналізу ніші, конкурентів і заперечень клієнта блоки стоять у порядку, зручному команді, а не покупцеві.
-
03
Головна дія загубилася серед десяти інших.
Коли сторінка веде в усі боки, вона не веде нікуди. Лендінгу потрібна одна головна дія.
-
04
Правки починаються після розробки.
Переставити екран у Figma дешевше, ніж переписувати готовий модуль. Але про це згадують запізно.
Дизайн без проєктування це красива картинка, яка не продає.
(SW® — 05) Що входить у роботу
Що входить у роботу
- Вартість
- від $25/год
- Термін
- після брифу
(SW® — 04) Кому підходить
Кому підходить
© — 002.
Сайт, який не конвертує
Трафік є, а заявок немає. Перебудовуємо шлях відвідувача, бо часто саме структура, а не дизайн, дає основний приріст.
© — 003.
Складний продукт чи кабінет
Сценарії, ролі, кроки. Спершу прототип, який можна показати команді, користувачам та інвесторам, потім розробка.
(SW® — 06) Порівняння
Одразу в дизайн чи спершу проєктування?
Одразу в дизайн
Проєктування від SWEB
Старт
Одразу малюють екрани
Аналіз ніші, конкурентів і заперечень клієнта
Структура
Блоки в порядку, зручному команді
Порядок під шлях клієнта й одну головну дію
Тексти
Заглушки, які ніколи не змінять
Оффер і заголовок першого екрана, підказки по текстах
Правки
Після верстки, коли дорого
На прототипі, коли дешево
Пошук
Про запити згадують після запуску
Структура під пошукові запити для багатосторінкових сайтів
Результат
Картинка
Клікабельний прототип, який можна показати команді й інвесторам
(SW® — 07) Формати
Що проєктуємо
Обсяг визначаємо після короткого брифу, це безкоштовно.
© — 01
Структура й прототип лендінга
Логіка блоків, оффер і клікабельний прототип.
після брифу
Термін: після брифу
- Аналіз ніші та конкурентів
- Заперечення, на які сторінка має відповісти
- Оффер і заголовок першого екрана
- Порядок блоків під шлях клієнта
- Клікабельний прототип у Figma
© — 02 Рекомендуємо
Прототип багатосторінкового сайту
Карта сторінок, навігація й структура під запити.
від $25/год
Термін: після брифу
- Структура під пошукові запити
- Карта сторінок і навігація
- Сценарії відвідувача до заявки
- Прототип ключових сторінок у Figma
- Підказки по змісту сторінок
- Передача в дизайн і розробку
© — 03
Проєктування сервісу чи кабінету
Ролі, сценарії й екрани складного продукту.
після сесії
Термін: прототип до 2 тижнів
- Технічна сесія й опис функцій
- Ролі, сценарії й граничні випадки
- Клікабельний прототип до розробки
- Основа для точної оцінки розробки
- Матеріал для показу користувачам та інвесторам
(SW® — 06) Схожі роботи
Схожі роботи
Усі проєкти
Ми продавали одяг для танців через Instagram і тонули в замовленнях у директі. Хлопці зробили магазин, у якому покупець сам обирає розмір і колір, і замовлення нарешті перестали губитися. Окремо відзначу, що каталог ми з того дня ведемо самі — жодного разу не довелося звертатися за дрібницями.
(SW® — 09) Гарантії
Що ви отримуєте на виході
-
01
Погоджена логіка до дизайну
Структуру й прототип затверджуєте ви ще до того, як хтось малює дизайн чи пише код.
-
02
Прототип можна взяти й піти
Він ваш: передайте його своєму дизайнеру чи розробнику, якщо захочете працювати без нас.
-
03
Основа для чесної оцінки
На прототипі видно обсяг, тому вартість і строки розробки рахуються точніше.
-
04
Менше правок згодом
Узгоджуємо напрямок, потім деталі. Правки на прототипі коштують дешевше, ніж на макеті.
(SW® — 10) FAQ
Питання про проєктування
001. Навіщо проєктування, якщо можна одразу дизайн?
Бо дешевше переставити екран у прототипі, ніж переробляти готовий макет чи код. Проєктування відповідає на питання «що показати, у якому порядку й куди вести», а дизайн лише оформлює відповідь.
002. Чи можна замовити лише проєктування?
Так. Прототип і структура ваші: їх можна передати власному дизайнеру чи розробнику або продовжити з нами.
003. Що я отримаю на виході?
Структуру сторінок, логіку блоків, оффер першого екрана й клікабельний прототип у Figma. Для складних продуктів ще опис сценаріїв і ролей.
004. Скільки коштує проєктування?
Погодинна робота від $25/год. Суму називаємо після короткого брифу, коли зрозуміло, що саме проєктуємо.
005. Чому не згенерувати прототип через ШІ?
ШІ швидко малює екрани, але не знає ваших клієнтів, їхніх заперечень і шляху до покупки. Прототип без аналізу це красива здогадка. Ми використовуємо ШІ як інструмент, але логіку будуємо з даних.
006. Чи працюєте ви за нашим технічним завданням?
Так. Оглянемо завдання, скажемо, чого не вистачає, і допоможемо його доповнити перед стартом.
(SW® — 12) Наступний крок
Розкажіть про задачу. Скажемо, що проєктувати й з чого почати.
Опишіть сайт чи продукт і ціль. Дамо чесну оцінку: чи потрібне проєктування, у якому обсязі і скільки це коштує.