Структуру сайта согласуем ещё до дизайна: какие страницы, какие блоки и в каком порядке. Чтобы человек быстро нашёл ответ и написал вам.
от $400
Согласуем до дизайна
Сначала содержание, потом вид
Просто напишите — дальше я сам. Посчитаю задачу без оплаты.
10:15
GLOSS
детейлинг-студия · Киев
Авто как из салона — за один день
Полировка, керамика, химчистка. Забираем и привозим авто.
★★★★★4,9 · 312 отзывов в Google
Услуги
Полировка кузова6 ч
Керамическое покрытие8 ч
Химчистка салона4 ч
Работы
допослекерамика
Отзывы
«Забрал вечером — машина как новая»Андрей · ★★★★★
«Оставила заявку с телефона за минуту»Ирина · ★★★★★
Telegram · Viber · WhatsApp
Заявка
Имя
Телефон
Услуга
Спасибо!Заявка уже в студии — ответим в ближайшее время.
Нажмите «Оставить заявку»
Новая заявка с сайтаЕлена · из GoogleКерамика · +380 67 ··· ·· 12
что это
Прототип сайта — это план, а не картинка
До дизайна нужно решить главное: что человек увидит первым, где узнает о цене, где убедится, что вам можно доверять, и где оставит заявку. Это и есть веб-проектирование — план страниц и блоков, на котором держится весь сайт.
Обычно такой план рисуют серыми прямоугольниками с надписью «здесь будет текст». Оценить его сложно: непонятно, как это прочтёт клиент. Поэтому согласуем с вами не рамки, а содержание: какие блоки и что в каждом написано. Тексты пишу я по вашему рассказу.
Дизайн я показываю уже живой страницей в браузере, а не картинкой: вы листаете её у себя в телефоне так же, как будет листать клиент. Порядок блоков легко поменять в плане — и гораздо сложнее в готовом дизайне.
Прототип лендинга ведёт человека к одному действию. Сайт-визитка даёт каждой услуге свою страницу, и человек сразу попадает куда нужно.
Лендинг: одна услуга, одно действие
Первый экран: что вы делаете, для кого, кнопка заявки
Что входит в услугу
Как всё проходит — несколько простых шагов
Работы или результат до и после
Отзывы клиентов
Цена или от чего она зависит
Частые вопросы
Форма заявки и мессенджеры
Сайт-визитка: несколько услуг
Главная — коротко обо всём и путь к нужной услуге
Отдельная страница на каждую услугу, со своей кнопкой заявки
Работы — чтобы был виден уровень
О вас — кто стоит за делом
Отзывы
Контакты: телефон, мессенджеры, адрес
типичные ошибки
Ошибки, из-за которых уходят без заявки
Анализ структуры сайта я начинаю именно с них — и в новом проекте, и когда переделываем старый сайт.
01
Первый экран ничего не объясняет
Красивое фото и общий лозунг. Человек не понял, что вы делаете и для кого, — и закрыл вкладку.
02
Кнопка заявки только в самом низу
Чтобы написать, нужно пролистать весь сайт. Кнопка нужна на первом экране и после каждого важного блока.
03
Доверие появляется слишком поздно
Отзывы и работы стоят после формы или их нет вовсе. Человека просят оставить контакт раньше, чем он поверил.
04
О цене — ни слова
Ни суммы, ни того, от чего она зависит. Человек стесняется спросить и уходит туда, где написано хоть что-то.
05
Все услуги одним списком
Разные услуги свалены на одну страницу — и человек теряется. Большая услуга заслуживает отдельной страницы.
06
Текст пишут после дизайна
Тогда слова подгоняют под пустые рамки: текст не влезает или звучит для галочки. Сначала содержание, потом вид.
что вы получаете
Создание структуры сайта: что вы получаете
План страниц и блоков
Какие страницы нужны и что на каждой в каком порядке: первый экран, услуги, работы, отзывы, цена, вопросы, заявка. Всё согласовано с вами ещё до дизайна.
GoogleАндрей · «Сколько стоит?»
InstagramМарина · «Хочу на пятницу»
РекламаОлег · «Перезвоните, пожалуйста»
Настоящие тексты вместо «здесь будет текст»
Вы согласуете не пустые рамки, а заголовки и тексты каждого блока. Сразу видно, всё ли понятно клиенту и нет ли лишнего.
Каждый блок отвечает на вопрос
Что это, для кого, сколько стоит, почему вам доверять, как записаться. Нет ответа на один из них — человек уходит без заявки.
Правки, пока это просто
Переставить блок в плане легко. В готовом дизайне это уже переделка. Поэтому о порядке договариваемся на старте, а не в конце.
как это происходит
От разговора до согласованного плана
От вас — рассказ о бизнесе. План и тексты составляю я.
1
Рассказываете о бизнесе
Кто ваши клиенты, о чём они спрашивают чаще всего, в чём сомневаются. Можно голосовым.
2
Составляю план страниц
Решаем, хватит одной страницы или нужно несколько. Блоки ставлю в том порядке, в каком человек принимает решение.
3
Согласуем содержание
Вы читаете план и тексты блоков и говорите, что переставить, добавить или убрать. Пока это слова, поменять можно что угодно.
4
Дизайн живой страницей
Показываю сайт в браузере, а не картинку. Структура уже согласована, так что вы оцениваете вид, а цена, названная на старте, не растёт.
от $400
Структура входит в работу над сайтом. Сайт — от $400. Точную сумму назову после первого разговора — и дальше она не вырастет.
Вы решаете, двигаться ли дальшеПосле каждого этапа можете остановить проект. Оплачиваете только выполненные и принятые этапы. Предоплату за неначатые — возвращаю.
Цена окончательная. Перерасход — мойЗадача не изменилась — сумма, названная на старте, не растёт. Изменилась — сначала обсуждаем, потом делаю.
Что такое структура сайта и зачем согласовывать её до дизайна?
Структура — это список страниц и порядок блоков на каждой: что человек видит первым, где цена, отзывы и кнопка заявки. Если согласовать её до дизайна, не придётся переделывать готовые страницы, когда выяснится, что чего-то не хватает.
Зачем нужно прототипирование сайта, если можно сразу делать дизайн?
Прототип — это план страницы без цветов и шрифтов: что и где стоит. Так проще говорить о содержании: всё ли понятно, нет ли лишнего и легко ли найти, где оставить заявку.
Покажете сайт картинкой, прежде чем делать?
Нет, сначала согласуем с вами структуру и тексты блоков, а дизайн я показываю сразу живой страницей в браузере, а не картинкой. Вы открываете её у себя в телефоне, и правки вносим тут же.
Как понять, сколько страниц нужно сайту?
Если услуга одна и нужно одно действие, например запись или заявка, хватит лендинга. Если услуг несколько и клиенты ищут их по отдельности, лучше дать каждой свою страницу, чтобы человек сразу попадал куда нужно.
Что подготовить перед разговором о структуре?
Достаточно рассказать, что вы продаёте, кто ваши клиенты и о чём они спрашивают чаще всего. Фото работ, отзывы или сайты, которые вам нравятся, тоже пригодятся, а план и тексты составляю я.
Можно ли поменять структуру, когда дизайн уже начался?
Да, но поздние перестановки отнимают больше времени, поэтому главное согласуем на старте. Если задача изменилась, сначала обсуждаем, потом делаю — сумма сама собой не растёт.
Сайт уже есть. С чего начать переделку?
Со структуры: что на старом сайте оставить, что переставить и чего не хватает, чтобы человек дошёл до заявки. Пришлите ссылку и коротко опишите, что не так, — я задам несколько вопросов и назову цену.