Проектирование и прототип сайта
Соберем схему будущего сайта: какие страницы нужны, что будет на каждой, как человек дойдет до заявки. Это не финальный дизайн, а рабочий прототип для согласования и оценки. От 9 000 руб.
Что такое прототип простыми словами
Прототип — это схема сайта в сером цвете, без картинок и красивых шрифтов. На ней видно, какие блоки идут друг за другом, что человек читает первым и куда нажимает. Спорить о логике на такой схеме дешево: подвинуть прямоугольник стоит минут, подвинуть готовую верстку — дней.
ТЗ, прототип, дизайн, верстка и CMS: чем отличаются
Пять разных этапов, которые часто путают. Прототип — второй.
| Что отвечает на вопрос | ТЗ | Прототип | Дизайн | Верстка | CMS |
|---|---|---|---|---|---|
| Что должно быть на сайте | да | частично | нет | нет | нет |
| Как расположено на экране | нет | да | да | да | нет |
| Как это выглядит | нет | нет | да | да | нет |
| Работает в браузере | нет | нет | нет | да | да |
| Можно редактировать самим | нет | нет | нет | нет | да |
ТЗ описывает словами, прототип показывает схемой. Это разные документы, и они не заменяют друг друга.
Когда прототип нужен, а когда можно без него
- Сайт больше пяти страниц
- Есть каталог, фильтры или личный кабинет
- Несколько типов пользователей
- Внутри компании спорят, как должно быть
- Пойдете к подрядчику и хотите сравнимые сметы
- Одна простая страница без логики
- Есть готовый похожий сайт-образец
- Правите существующий сайт точечно
- Бюджет позволяет решать по ходу
Что начинает ломаться без прототипа
Структуру обсуждают, когда уже нарисованы экраны. Каждая правка стоит денег.
Подрядчики считают по-разному, потому что понимают задачу по-разному.
Про политику, спасибо-страницу и пустое состояние вспоминают на верстке.
Каждый держит в голове свою версию сайта, и обсуждать нечего.
Про телефон вспоминают в конце, а половина людей приходит именно оттуда.
Проект стоит, пока решают то, что можно было решить на схеме.
Что входит в прототип
Все страницы и разделы с их связями.
Блоки и их порядок на каждом ключевом экране.
Что спрашиваем, что обязательно, что происходит после отправки.
Путь человека от входа до заявки, покупки или записи.
Что меняется на телефоне: порядок, меню, кнопки.
Пояснения к спорным местам, чтобы никто не гадал.
Примеры прототипов по типам задач
Одна страница, но выстроенная последовательность.
- Порядок блоков от боли к заявке
- Точки, где человек может уйти
- Формы и что происходит после отправки
- Мобильный порядок блоков
Цена и сроки
| Вариант | Цена | Срок | Что входит | Когда выбирать |
|---|---|---|---|---|
| Простая страница | от 9 000 руб. | 2-4 дня | Одна страница, порядок блоков, форма | Нужна быстрая схема |
| Лендинг или страница услуги | от 15 000 руб. | 3-7 дней | Блоки, путь к заявке, базовая мобильная логика | Согласовать продающую страницу |
| Сложный экран или модуль | от 20 000 руб. | 3-7 дней | Один экран, состояния, комментарии | Форма, квиз, калькулятор, кабинет |
| Корпоративный сайт | от 30 000 руб. | 7-12 дней | Карта страниц, ключевые экраны, сценарии | Небольшой сайт компании |
| Каталог или магазин | от 50 000 руб. | 10-15 дней | Каталог, карточка, фильтры, корзина, состояния | Есть товары и выбор |
| Портал, кабинет, сервис | по смете от 90 000 руб. | отдельно | Роли, права, статусы, много экранов | Сложная логика и типы пользователей |
Стартовая цена подходит для простой схемы. Кликабельность, тексты, подробная мобильная версия всех экранов и передача чужой команде считаются отдельно. Новые страницы и сценарии после утверждения — 3 000 руб./час.
Что влияет на стоимость
Почему один прототип стоит 9 000 руб., а другой уходит в смету от 90 000 руб.
Точную цену называем после разговора: пятнадцать минут разговора точнее любого калькулятора.
Процесс работы
| Этап | Что делаем | Что на выходе |
|---|---|---|
| 1. Разбор задачи | Созвон, вопросы, изучаем материалы | Понимание, что за сайт и для кого |
| 2. Карта страниц | Собираем структуру и показываем вам | Согласованный список страниц |
| 3. Схемы экранов | Рисуем блоки и их порядок | Прототип ключевых экранов |
| 4. Сценарии | Прокладываем пути пользователя | Проверенная логика переходов |
| 5. Правки | Два круга правок по составу | Утвержденный прототип |
| 6. Передача | Отдаем файл и комментарии | Документ для дизайна и оценки |
Что входит и что не входит
- Карта страниц и схемы экранов
- Формы и их поля
- Сценарии до целевого действия
- Базовая мобильная логика
- Два круга правок
- Комментарии к спорным местам
- Финальный дизайн и фирменный стиль
- Готовые тексты для сайта
- Верстка и разработка
- Кликабельная модель — считается отдельно
- Исследование конкурентов — отдельная услуга
Файл прототипа ваш. С ним можно пойти к любому дизайнеру или разработчику, в том числе не к нам. Мы не привязываем прототип к себе и не делаем его нечитаемым для других.
Если задача звучит иначе
| Если задача звучит так | Это услуга | Почему |
|---|---|---|
| «Нужен документ для подрядчика» | Составление ТЗ | Описывает словами, а не схемой |
| «Схема есть, нужна картинка» | Дизайн сайта | Следующий этап |
| «Нужен сайт целиком» | Разработка сайта | Прототип входит в работу |
| «Сайт есть, но неудобный» | Редизайн сайта | Переделка, а не проектирование с нуля |
Расскажите про проект
Частые вопросы
Это дизайн сайта?
Можно ли заказать прототип без ТЗ?
Можно ли передать прототип другому дизайнеру?
Входит ли мобильная версия?
Будет ли прототип кликабельным?
Вы пишете тексты для прототипа?
Сколько правок входит?
Прототип гарантирует заявки?
Спроектируем сайт до дорогих этапов?
Расскажите, что за сайт и что уже понятно. Скажем, какой прототип нужен и сколько он стоит.
Отвечаем по будням с 12:00 до 21:00. Екатеринбург +7 (343) 351-74-32, Москва +7 (499) 322-77-02.
