Перейти до контенту
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 відгуків

Ще на цю тему