Перейти к содержимому

(SW® — 01) Услуга

Сначала логика и кликабельный прототип, потом дизайн. Так правки стоят дешевле, а сайт отвечает на вопросы клиента.

Проектирование сайта: структура, которая ведёт к заявке, а не к выходу со страницы

(SW® — 02) Условия

Стоимость
от $25/час
Срок
после брифа
Заполнить бриф 5 мин
  • 210+ проектов с 2016 года
  • 2 недели на кликабельный прототип сложного проекта
  • 0 строк кода до согласованного прототипа

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

Сайт без проектирования не продаёт, когда…

  1. 01

    Дизайнер рисует «красиво», а не «понятно».

    Картинка хороша, но посетитель не находит главного и не понимает, что делать дальше.

  2. 02

    Структуру придумали на совещании, а не по данным.

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

  3. 03

    Главное действие потерялось среди десяти других.

    Когда страница ведёт во все стороны, она не ведёт никуда. Лендингу нужно одно главное действие.

  4. 04

    Правки начинаются после разработки.

    Переставить экран в Figma дешевле, чем переписывать готовый модуль. Но об этом вспоминают поздно.

Дизайн без проектирования это красивая картинка, которая не продаёт.

(SW® — 05) Что входит в работу

Что входит в работу

Стоимость
от $25/час
Срок
после брифа

001. Шаг

Исследование ниши, конкурентов и клиентов

Начинаем не с картинок, а с вашего клиента: кто он, чего боится и что сравнивает перед покупкой.

  • Разбор конкурентов в вашей нише
  • Возражения, на которые страница должна ответить
  • Цель и главное действие страницы

Вы получаетеПонимание, на что именно должен ответить сайт.

002. Шаг

Карта страниц и сценарии

Определяем, какие страницы нужны и как посетитель проходит путь к заявке.

  • Структура страниц и навигация
  • Сценарии посетителя
  • Структура под поисковые запросы для многостраничных сайтов

Вы получаетеКарту сайта, которая ведёт к заявке.

003. Шаг

Структура блоков и оффер

Определяем порядок блоков и формулируем оффер и заголовок первого экрана.

  • Последовательность блоков под путь клиента
  • Оффер и заголовок первого экрана
  • Подсказки, что писать в каждом блоке

Вы получаетеЛогику страницы, утверждённую до начала дизайна.

004. Шаг

Кликабельный прототип в Figma

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

  • Кликабельные экраны
  • Основные состояния и переходы
  • Версии для разных экранов

Вы получаетеПрототип, который можно показать команде, пользователям и инвесторам.

005. Шаг

Согласование и проверка сценариев

Проходим сценарии вместе и вносим правки, пока это стоит недорого.

  • Пошаговый обзор с вами
  • Правки на прототипе, а не на макете
  • Фиксация согласованной логики

Вы получаетеСогласованную логику, на которую можно опираться.

006. Шаг

Передача в дизайн и разработку

Передаём прототип и описание так, чтобы дизайнер и разработчик работали без догадок.

  • Прототип в Figma
  • Описание логики и сценариев
  • Основа для оценки стоимости и сроков

Вы получаетеПакет, с которым дизайн и разработка проходят без лишних правок.

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

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

© — 001.

Новый сайт или сервис

Ещё нет ни структуры, ни логики. Собираем их из анализа ниши и клиентов, а не из предположений.

© — 002.

Сайт, который не конвертирует

Трафик есть, а заявок нет. Перестраиваем путь посетителя, потому что часто именно структура, а не дизайн, даёт основной прирост.

© — 003.

Сложный продукт или кабинет

Сценарии, роли, шаги. Сначала прототип, который можно показать команде, пользователям и инвесторам, потом разработка.

(SW® — 06) Сравнение

Сразу в дизайн или сначала проектирование?

Сразу в дизайн Проектирование от SWEB
Старт Сразу рисуют экраны Анализ ниши, конкурентов и возражений клиента
Структура Блоки в порядке, удобном команде Порядок под путь клиента и одно главное действие
Тексты Заглушки, которые никогда не заменят Оффер и заголовок первого экрана, подсказки по текстам
Правки После вёрстки, когда дорого На прототипе, когда дёшево
Поиск О запросах вспоминают после запуска Структура под поисковые запросы для многостраничных сайтов
Результат Картинка Кликабельный прототип, который можно показать команде и инвесторам

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

Что проектируем

Объём определяем после короткого брифа, это бесплатно.

© — 01

Структура и прототип лендинга

Логика блоков, оффер и кликабельный прототип.

после брифа

Срок: после брифа

  • Анализ ниши и конкурентов
  • Возражения, на которые страница должна ответить
  • Оффер и заголовок первого экрана
  • Порядок блоков под путь клиента
  • Кликабельный прототип в Figma

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

Прототип многостраничного сайта

Карта страниц, навигация и структура под запросы.

от $25/час

Срок: после брифа

  • Структура под поисковые запросы
  • Карта страниц и навигация
  • Сценарии посетителя до заявки
  • Прототип ключевых страниц в Figma
  • Подсказки по содержанию страниц
  • Передача в дизайн и разработку

© — 03

Проектирование сервиса или кабинета

Роли, сценарии и экраны сложного продукта.

после сессии

Срок: прототип до 2 недель

  • Техническая сессия и описание функций
  • Роли, сценарии и граничные случаи
  • Кликабельный прототип до разработки
  • Основа для точной оценки разработки
  • Материал для показа пользователям и инвесторам

(SW® — 06) Похожие работы

Похожие работы

Все проекты

(SW® — 11)Отзывы клиентов

Отзывы клиентов

Что говорят компании, с которыми мы работали.

Все отзывы

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

Анна Founder

(SW® — 09) Гарантии

Что вы получаете на выходе

  • 01

    Согласованная логика до дизайна

    Структуру и прототип утверждаете вы ещё до того, как кто-то рисует дизайн или пишет код.

  • 02

    Прототип можно взять и уйти

    Он ваш: передайте его своему дизайнеру или разработчику, если захотите работать без нас.

  • 03

    Основа для честной оценки

    На прототипе виден объём, поэтому стоимость и сроки разработки считаются точнее.

  • 04

    Меньше правок потом

    Согласуем направление, потом детали. Правки на прототипе стоят дешевле, чем на макете.

(SW® — 10) FAQ

Вопросы о проектировании

001. Зачем проектирование, если можно сразу дизайн?

Потому что дешевле переставить экран в прототипе, чем переделывать готовый макет или код. Проектирование отвечает на вопрос «что показать, в каком порядке и куда вести», а дизайн лишь оформляет ответ.

002. Можно ли заказать только проектирование?

Да. Прототип и структура ваши: их можно передать собственному дизайнеру или разработчику либо продолжить с нами.

003. Что я получу на выходе?

Структуру страниц, логику блоков, оффер первого экрана и кликабельный прототип в Figma. Для сложных продуктов ещё и описание сценариев и ролей.

004. Сколько стоит проектирование?

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

005. Почему не сгенерировать прототип через ИИ?

ИИ быстро рисует экраны, но не знает ваших клиентов, их возражений и пути к покупке. Прототип без анализа это красивая догадка. Мы используем ИИ как инструмент, но логику строим из данных.

006. Работаете ли вы по нашему техническому заданию?

Да. Посмотрим задание, скажем, чего не хватает, и поможем дополнить его перед стартом.

(SW® — 12) Следующий шаг

Расскажите о задаче. Скажем, что проектировать и с чего начать.

Опишите сайт или продукт и цель. Дадим честную оценку: нужно ли проектирование, в каком объёме и сколько это стоит.

Заполнить бриф
Без обязательств и предоплаты.
Обсудить проект