Структуру сайта согласуем ещё до дизайна: какие страницы, какие блоки и в каком порядке. Чтобы человек быстро нашёл ответ и написал вам.
Всё индивидуально
Согласуем до дизайна
Сначала содержание, потом вид
Просто напишите, а дальше я сам. Посчитаю задачу без оплаты.
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
Дизайн живой страницей
Показываю сайт в браузере, а не картинку. Структура уже согласована, так что вы оцениваете вид.
★★★★★5,0 · 37 отзывов
Вы решаете, двигаться ли дальшеПосле каждого этапа можете остановить проект. Оплачиваете только выполненные и принятые этапы. Предоплату за неначатые возвращаю.
Деньги назад, если сделаю не то, что в ТЗЕсли объём не тот, что согласовали, возвращаю оплату этапа. Без споров.
Что такое структура сайта и зачем согласовывать её до дизайна?
Структурой называют список страниц и порядок блоков на каждой: что человек видит первым, где стоят цена, отзывы и кнопка заявки. Если согласовать её до дизайна, не придётся переделывать готовые страницы, когда выяснится, что чего-то не хватает.
Зачем нужно прототипирование сайта, если можно сразу делать дизайн?
Прототипирование сайта даёт план страницы без цветов и шрифтов, на котором видно только, что и где стоит. Так проще говорить о содержании: всё ли понятно, нет ли лишнего и легко ли найти, где оставить заявку.
Покажете сайт картинкой, прежде чем делать?
Нет, сначала согласуем с вами структуру и тексты блоков, а дизайн я показываю сразу живой страницей в браузере, а не картинкой. Вы открываете её у себя в телефоне, и правки вносим тут же.
Как понять, сколько страниц нужно сайту?
Если услуга одна и нужно одно действие, например запись или заявка, хватит лендинга. Если услуг несколько и клиенты ищут их по отдельности, лучше дать каждой свою страницу, чтобы человек сразу попадал куда нужно.
Что подготовить перед разговором о структуре?
Достаточно рассказать, что вы продаёте, кто ваши клиенты и о чём они спрашивают чаще всего. Фото работ, отзывы или сайты, которые вам нравятся, тоже пригодятся, а план и тексты составляю я.
Можно ли поменять структуру, когда дизайн уже начался?
Да, но поздние перестановки отнимают больше времени, поэтому главное согласуем на старте. Если задача изменилась, мы сначала это обсуждаем, а уже потом я делаю.
Сайт уже есть. С чего начать переделку?
Со структуры: что на старом сайте оставить, что переставить и чего не хватает, чтобы человек дошёл до заявки. Пришлите ссылку и коротко опишите, что не так. Я задам несколько вопросов.