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

УслугиСоздание сайта под ключСтруктура сайта

Структура сайта до дизайна

Структура сайта до дизайна

Структуру сайта согласуем ещё до дизайна: какие страницы, какие блоки и в каком порядке. Чтобы человек быстро нашёл ответ и написал вам.

  • от $400
  • Согласуем до дизайна
  • Сначала содержание, потом вид

Просто напишите — дальше я сам. Посчитаю задачу без оплаты.

5,0 · 37 отзывов или напишите в Telegram

детейлинг-студия · Киев

Авто как из салона — за один день

Полировка, керамика, химчистка. Забираем и привозим авто.

4,9 · 312 отзывов в Google

Услуги

Полировка кузова6 ч
Керамическое покрытие8 ч
Химчистка салона4 ч

Работы

Отзывы

«Забрал вечером — машина как новая»Андрей ·

«Оставила заявку с телефона за минуту»Ирина ·

Telegram · Viber · WhatsApp

Заявка
Имя
Телефон

Услуга

Спасибо!Заявка уже в студии — ответим в ближайшее время.

что это

Прототип сайта — это план, а не картинка

До дизайна нужно решить главное: что человек увидит первым, где узнает о цене, где убедится, что вам можно доверять, и где оставит заявку. Это и есть веб-проектирование — план страниц и блоков, на котором держится весь сайт.

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

Дизайн я показываю уже живой страницей в браузере, а не картинкой: вы листаете её у себя в телефоне так же, как будет листать клиент. Порядок блоков легко поменять в плане — и гораздо сложнее в готовом дизайне.

Гордей Фисун · обновлено

примеры

Структура лендинга и сайта на несколько страниц

Прототип лендинга ведёт человека к одному действию. Сайт-визитка даёт каждой услуге свою страницу, и человек сразу попадает куда нужно.

Лендинг: одна услуга, одно действие

  • Первый экран: что вы делаете, для кого, кнопка заявки
  • Что входит в услугу
  • Как всё проходит — несколько простых шагов
  • Работы или результат до и после
  • Отзывы клиентов
  • Цена или от чего она зависит
  • Частые вопросы
  • Форма заявки и мессенджеры

Сайт-визитка: несколько услуг

  • Главная — коротко обо всём и путь к нужной услуге
  • Отдельная страница на каждую услугу, со своей кнопкой заявки
  • Работы — чтобы был виден уровень
  • О вас — кто стоит за делом
  • Отзывы
  • Контакты: телефон, мессенджеры, адрес

типичные ошибки

Ошибки, из-за которых уходят без заявки

Анализ структуры сайта я начинаю именно с них — и в новом проекте, и когда переделываем старый сайт.

Первый экран ничего не объясняет

Красивое фото и общий лозунг. Человек не понял, что вы делаете и для кого, — и закрыл вкладку.

Кнопка заявки только в самом низу

Чтобы написать, нужно пролистать весь сайт. Кнопка нужна на первом экране и после каждого важного блока.

Доверие появляется слишком поздно

Отзывы и работы стоят после формы или их нет вовсе. Человека просят оставить контакт раньше, чем он поверил.

О цене — ни слова

Ни суммы, ни того, от чего она зависит. Человек стесняется спросить и уходит туда, где написано хоть что-то.

Все услуги одним списком

Разные услуги свалены на одну страницу — и человек теряется. Большая услуга заслуживает отдельной страницы.

Текст пишут после дизайна

Тогда слова подгоняют под пустые рамки: текст не влезает или звучит для галочки. Сначала содержание, потом вид.

что вы получаете

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

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

Какие страницы нужны и что на каждой в каком порядке: первый экран, услуги, работы, отзывы, цена, вопросы, заявка. Всё согласовано с вами ещё до дизайна.

Настоящие тексты вместо «здесь будет текст»

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

Каждый блок отвечает на вопрос

Что это, для кого, сколько стоит, почему вам доверять, как записаться. Нет ответа на один из них — человек уходит без заявки.

Правки, пока это просто

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

как это происходит

От разговора до согласованного плана

От вас — рассказ о бизнесе. План и тексты составляю я.

  1. Рассказываете о бизнесе

    Кто ваши клиенты, о чём они спрашивают чаще всего, в чём сомневаются. Можно голосовым.

  2. Составляю план страниц

    Решаем, хватит одной страницы или нужно несколько. Блоки ставлю в том порядке, в каком человек принимает решение.

  3. Согласуем содержание

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

  4. Дизайн живой страницей

    Показываю сайт в браузере, а не картинку. Структура уже согласована, так что вы оцениваете вид, а цена, названная на старте, не растёт.

от $400

Структура входит в работу над сайтом. Сайт — от $400. Точную сумму назову после первого разговора — и дальше она не вырастет.

Узнать свою цену

5,0 · 37 отзывов

Все гарантии и отзывы

Вопросы

Вопросы о структуре и прототипе

Что такое структура сайта и зачем согласовывать её до дизайна?

Структура — это список страниц и порядок блоков на каждой: что человек видит первым, где цена, отзывы и кнопка заявки. Если согласовать её до дизайна, не придётся переделывать готовые страницы, когда выяснится, что чего-то не хватает.

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

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

Покажете сайт картинкой, прежде чем делать?

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

Как понять, сколько страниц нужно сайту?

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

Что подготовить перед разговором о структуре?

Достаточно рассказать, что вы продаёте, кто ваши клиенты и о чём они спрашивают чаще всего. Фото работ, отзывы или сайты, которые вам нравятся, тоже пригодятся, а план и тексты составляю я.

Можно ли поменять структуру, когда дизайн уже начался?

Да, но поздние перестановки отнимают больше времени, поэтому главное согласуем на старте. Если задача изменилась, сначала обсуждаем, потом делаю — сумма сама собой не растёт.

Сайт уже есть. С чего начать переделку?

Со структуры: что на старом сайте оставить, что переставить и чего не хватает, чтобы человек дошёл до заявки. Пришлите ссылку и коротко опишите, что не так, — я задам несколько вопросов и назову цену.

Напишите — дальше я сам.

Отвечу в ближайшее время.

5,0 · 37 отзывов

Ещё по теме