У меня в блоге есть статья о том, как самостоятельно подготовить структуру сайта. Но ко мне регулярно обращаются с запросом: «Я не хочу разбираться, просто сделайте мне прототип». Это отдельная услуга, и в этой статье объясняю, что именно в неё входит, что вы получаете на руки и когда прототип действительно стоит заказывать.

Буянова Екатерина
UX / UI / Ai / Tilda эксперт

Заказать прототип

Что такое прототип

Прототип — это схема будущего сайта. Не дизайн, не готовая страница. Каркас: какие блоки будут на странице, в каком порядке, что в каждом из них написано и какую задачу каждый блок решает. Представьте план квартиры до ремонта: где комнаты, где перегородки, где розетки. Прежде чем клеить обои, нужно понять, где будут стены. Прототип — то же самое для сайта.

Прототип отвечает на вопросы:

Какие страницы будут на сайте;
Какие смысловые блоки нужны на каждой странице;
В каком порядке они расположены;
Какие тексты и информация находятся в каждом блоке;
Где нужны кнопки, формы, ссылки;
Какие фотографии, схемы, таблицы или другие материалы понадобятся.

Как собрать контент для дизайнера

1. Расскажите, чем вы занимаетесь

Ваша задача — рассказать о бизнесе. Моя задача — превратить эту информацию в структуру сайта. Не пытайтесь сразу писать «тексты для сайта». Сначала соберите всю информацию, которую потенциальному клиенту важно знать. Не обязательно писать красиво. Можно буквально представить, что вы рассказываете о компании человеку, который впервые о ней слышит.

Что вы продаёте или какую услугу оказываете;
Кому;
В каком городе или регионе работаете;
Сколько лет работаете;
Как происходит работа с клиентом;
Сколько это стоит;
Чем вы отличаетесь от конкурентов;
Почему клиент должен выбрать вас.

Пример информации для блока «обо мне»

Я занимаюсь ремонтом квартир в Москве. Работаю с квартирами площадью от 40 до 150 м². Беру объект полностью под ключ: дизайн, закупка материалов, ремонт и контроль рабочих. Средний срок ремонта: 4–6 месяцев. Работаю по договору. После сдачи объекта даю гарантию 2 года.

2. Ответьте на вопросы клиентов

Это один из самых полезных способов собрать контент. Вспомните, что люди обычно спрашивают вас перед покупкой. Например:

Для ремонта:

Сколько стоит ремонт?
Сколько он длится?
Можно ли сделать ремонт по своему дизайн-проекту?
Кто закупает материалы?
Нужно ли мне приезжать на объект?
Работаете ли вы по договору?
Есть ли гарантия?
Можно ли посмотреть ваши готовые объекты?

Для фотографа:

Сколько длится съёмка?
Где она проходит?
Можно ли выбрать студию?
Сколько фотографий я получу?
Когда будут готовы фотографии?
Можно ли заказать ретушь?
Можно ли перенести съёмку?

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

3. Соберите информацию о продукте или услугах

Если у вас несколько услуг, товаров, тарифов или направлений работы, перечислите их отдельно. Для каждого желательно указать:

Название — Что это за услуга или продукт.
Описание — Что получает клиент и как всё происходит.
Стоимость — Цена, диапазон или информация о том, как она рассчитывается.
Срок — Если он имеет значение.
Условия — Например, минимальный заказ, количество участников, территория работы и т. д.
Особенности — Всё, что может повлиять на выбор клиента.

Не переживайте, если в результате получится много текста. На этапе подготовки контента лучше дать дизайнеру лишнюю информацию, чем не дать важную. Я уже на этапе прототипа смогу определить, что действительно необходимо пользователю, что можно объединить, сократить или убрать.

4. Расскажите о преимуществах

Не нужно писать стандартные «Высокое качество», «Индивидуальный подход», «Профессиональная команда», «Доступные цены». Такие формулировки практически ничего не говорят клиенту. Гораздо полезнее конкретика.

✗ Большой опыт работы
✓ Работаю в сфере 12 лет и реализовала более 150 проектов».
✗ Индивидуальный подход
✓ Перед началом работы провожу бесплатную встречу и составляю план проекта специально под вашу задачу
✗ Быстрая доставка
✓ Доставляем заказ по Москве в течение 24 часов

Не придумывайте преимущества специально для сайта. Просто перечислите реальные особенности вашего бизнеса.

5. Подготовьте информацию о вас или компании

Раздел «О компании» — это не обязательно большая история создания бизнеса. Подумайте, почему эта информация может быть важна клиенту. Я сама определю, что из этой информации стоит вынести на страницу и в каком виде её лучше подать. Можно рассказать:

Кто основатель;
Сколько лет работает компания;
Какой у вас опыт;
Кто работает в команде;
Какие проекты уже реализовали;
С какими компаниями сотрудничали;
Какое образование или квалификация есть у специалистов;
Какие сертификаты и лицензии имеются.

6. Соберите доказательства

Если вы говорите, что хорошо делаете свою работу, желательно это чем-то подтвердить. Например «Увеличили продажи клиента на 37%» намного убедительнее, чем «Помогаем бизнесу расти». Если у вас есть подобные данные, обязательно передайте их дизайнеру. Также подойдут:

отзывы клиентов;
фотографии выполненных работ;
кейсы;
цифры и статистика;
сертификаты;
дипломы;
публикации в СМИ;
логотипы клиентов;
награды;
результаты работы.

7. Подготовьте фотографии и другие материалы

Кроме текста, соберите всё, что может понадобиться для сайта:

логотип;
фотографии компании;
фотографии сотрудников;
фотографии продукта;
фотографии объектов;
портфолио;
сертификаты;
схемы;
презентации;
каталоги;
видео;
ссылки на соцсети.

Понятно назовите файлы. Распределите эти файлы по папкам, названным в соответствии с названием страниц и блоков, которые будут на сайте. Например: Папка «Главная страница» → Папка «Портфолио» и папка «Отзывы» → В каждой папке файлы «01»,«02»,«03» и т.д. Если к фотографии есть пояснение, напишите его рядом: «Фото 01 — фасад объекта после ремонта». Так дизайнеру не придётся угадывать, что изображено на каждой фотографии. Это экономия времени дизайнера, а значит экономия ваших денег.

8. Если есть конкретные пожелания, напишите их

Не обязательно знать, как именно реализовать вашу идею. Достаточно описать саму идею. Например «Хочу показать процесс работы в виде пяти последовательных шагов», «В каталоге нужно сделать фильтр по типу товара», «В разделе с проектами хочу показать фотографии до и после». Это полезная информация для прототипа. Способ подачи я подберу сама.

Не нужно самостоятельно придумывать структуру сайта

Это важный момент. Если вы заказываете у меня именно создание прототипа, от вас не требуется написать «1. Обложка», «2. Преимущества», «3. О компании» и т.д. Вы можете это сделать, если уже представляете структуру будущего сайта. Но если не представляете — ничего страшного. Мне гораздо полезнее получить подробную информацию о вашем бизнесе, чем список стандартных блоков. Я посмотрю на неё с точки зрения пользователя и определю:

Что нужно показать в начале страницы;
Какую информацию дать дальше;
Какие блоки объединить;
Что вынести отдельно;
Где нужны отзывы или кейсы;
Где нужен призыв к действию;
Какие вопросы стоит закрыть до заявки;
Какую информацию лучше оставить за пределами основной страницы.

Не сокращайте информацию

Здесь есть важное отличие между подготовкой контента и готовым текстом на сайте. Не нужно заранее думать «Это слишком много, дизайнеру столько текста не нужно». Нужно дать дизайнеру всю существенную информацию. Например, если вы продаёте 20 услуг, перечислите все 20. Если у вас есть 10 преимуществ — перечислите их. Если есть 30 вопросов клиентов — ответьте на них. После этого из большого объёма информации можно собрать понятную структуру. А вот если важная информация вообще не попадёт в исходные материалы, дизайнер просто не узнает о ней.

В каком виде передать материалы

Лучше всего собрать всё в одном текстовом документе. Желательно Google Docs, там можно онлайн вносить изменения, комментировать и задавать вопросы. Онлайн формат всегда предпочтительнее документа Word, который придется пересылать друг другу после каждой итерации. Для многостраничного сайта просто разделите документ по страницам с соответствующими названиями. Но весь контент должен быть в 1 файле. Так гораздо удобнее, чем отправлять дизайнеру десять разных файлов, несколько переписок и набор ссылок.

Структура может быть такой:

Главная
ᅠᅠО компании
ᅠᅠᅠᅠТекст...
ᅠᅠУслуги
ᅠᅠᅠᅠ1. Разработка сайта
ᅠᅠᅠᅠ2. Описание...
ᅠᅠᅠᅠ3. Дизайн
ᅠᅠᅠᅠ4. Описание...
ᅠᅠПреимущества
ᅠᅠᅠᅠПреимущество 1
ᅠᅠᅠᅠПреимущество 2
ᅠᅠᅠᅠПреимущество 3

ᅠᅠКак проходит работа
ᅠᅠᅠᅠЭтап 1
ᅠᅠᅠᅠЭтап 2
ᅠᅠᅠᅠЭтап 3
ᅠᅠОтзывы
ᅠᅠᅠᅠТексты отзывов...
ᅠᅠFAQ
ᅠᅠᅠᅠВопрос: ...
ᅠᅠᅠᅠОтвет: ...
ᅠᅠКонтакты
ᅠᅠᅠᅠТелефон: ...
ᅠᅠᅠᅠTelegram: ...
ᅠᅠᅠᅠE-mail: ...
Фотографии
Ссылка на папку...

Что в итоге нужно передать мне

Перед началом работы желательно собрать:

Тексты и информацию

описание компании или проекта;
услуги или товары;
цены;
преимущества;
условия работы;
информацию о команде;
кейсы;
отзывы;
ответы на вопросы клиентов;
контакты.

Материалы

логотип;
фотографии;
портфолио;
сертификаты;
схемы и другие изображения;
ссылки на соцсети и нужные ресурсы.

Дополнительные пожелания

примеры сайтов, которые вам нравятся;
желаемый стиль;
функциональные требования;
особенности будущего сайта;
всё, что вы считаете важным.

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

Если у вас уже есть тексты — это не значит, что у вас должен быть готовый прототип

Это две разные вещи. Тексты — это содержание сайта. Прототип — это структура и способ организации этого содержания. Например, вы можете передать мне 20 страниц текста. Я определю, какие из них относятся к одной странице сайта, какие материалы объединить, что вынести в отдельный блок, где нужна таблица или карточки, а где достаточно небольшого текста. Поэтому для создания прототипа мне не нужен нарисованный макет. Мне нужен понятный и максимально полный исходный материал. На его основе я спроектирую структуру будущего сайта.

Заказать прототип

Как должен выглядеть файл для дизайнера

Пример текста, который подходит для создания прототипа:
Я, Анна Иванова — гид по Москве. Провожу экскурсии на русском языке. Ко мне обращаются за познавательной прогулкой семьи, группы друзей, пары для экскурсии-свидания, нескучного путешествия по городу. Пишите мне на WhatsApp.

Мое основное преимущество: я готова провести экскурсию в день заказа. А еще у меня свой авто. Можно заранее со мной договориться, чтобы я составила маршрут специально для вас. Я всегда найду время для персонального тура. А если в этот день у меня запланирована группа, вы всегда сможете присоединиться.

Экскурсии
У меня есть 4 вида тура по городу:
- Кремль (длится 2 часа, стоимость 1500 р. с человека, группа от 2 человек)
- Москва в военное время (длится 3 часа, стоимость 2000 р. с человека, группа от 4 человек)
- Великие храмы Москвы (длится 4 часа, стоимость 2500 р. с человека, группа от 2 человек)
- Ночная Москва (длится 2 часа, стоимость 2000 р. с человека, группа от 2 человек)
Еще я планирую 2 вида новых локаций, Патриаршие и Обзорная на машине. Пока цен на них нет, придумайте, как это оформить.

Как проходит экскурсия
Я встречаюсь в назначенном месте с туристами. Все достопримечательности в пешей доступности. Экскурсия совмещается с прогулкой по городу. Оплата происходит наличными или переводом на карту до начала экскурсии. Также провожу персональные экскурсии на своем авто.

Подробнее обо мне.
Меня зовут Анна Иванова и я Экскурсовод по Москве. На своих экскурсиях я влюбляю туристов в мой город. Особенно приятно слышать от детей, что они хотят остаться в Москве. Для меня это высокая оценка моего труда, ведь дети всегда говорят то, что у них на сердце. Разработав много авторских маршрутов, квестов, детских экскурсий по Москве, я всегда радуюсь, что на мои экскурсии приходят москвичи, причём, побывав на одной из них, возвращается снова и снова!
+ фотографии по ссылке

Часто задаваемые вопросы
Вопросы и ответы в файле по ссылке

Контакты
+7 999 999 99 99, mail@mail.ru. Важно, чтобы мне могли написать в ватсап и телеграм (ссылки).

Другие статьи

Блог

Создание сайтов на Тильде

Как происходит работа над сайтом в Тильда. Это платформа для разработки веб-сайта.

Пример прототипа сайта

Как выглядит прототип сайта. Как следует предоставлять информацию дизайнеру для работы над сайтом.

Стоимость сайта на Тильде

Почему сайт, разработанный на конструкторе Tilda не должен стоить 10000 рублей.

Как заказать прототип

Как подготовить контент для прототипа. Как предоставить информацию дизайнеру для создания прототипа сайта.