Перейти до контенту
Telegram

ПослугиРозробка сайту під ключСтруктура сайту

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

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

Структуру сайту погоджуємо ще до дизайну: які сторінки, які блоки і в якому порядку. Щоб людина швидко знайшла відповідь і написала вам.

  • Усе індивідуально
  • Погоджуємо до дизайну
  • Спершу зміст, потім вигляд

Просто напишіть, а далі я сам. Порахую задачу безкоштовно.

5,0 · 37 відгуків або напишіть у Telegram

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

Авто як із салону за один день

Полірування, кераміка, хімчистка. Забираємо й привозимо авто.

4,9 · 312 відгуків у Google

Послуги

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

Роботи

Відгуки

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

«Залишила заявку з телефона за хвилину»Ірина ·

Telegram · Viber · WhatsApp

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

Послуга

Дякуємо!Заявка вже у студії. Відповімо найближчим часом.

веб-проєктування

Прототип сайту вирішує головне до дизайну

Перш ніж братися за дизайн, треба знати, що людина побачить першим, де дізнається про ціну, де переконається, що вам можна довіряти, і де залишить заявку. Такий план сторінок і блоків складають під час веб-проєктування, і на ньому тримається весь сайт.

Зазвичай такий план малюють сірими прямокутниками з написом «тут буде текст». Оцінити його складно: незрозуміло, як це прочитає клієнт. Тому погоджуємо з вами не рамки, а зміст: які блоки і що в кожному написано. Тексти пишу я з вашої розповіді.

Дизайн я показую вже живою сторінкою в браузері: ви гортаєте її у своєму телефоні так само, як гортатиме клієнт. Блоки легко переставляти, доки ми працюємо з планом. У готовому дизайні це набагато важче.

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

приклади

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

Прототип лендінгу веде людину до однієї дії. Сайт-візитка дає кожній послузі свою сторінку, і людина одразу потрапляє куди треба.

Лендінг: одна послуга, одна дія

  • Перший екран: що ви робите, для кого, кнопка заявки
  • Що входить у послугу
  • Як проходить робота, у кількох простих кроках
  • Роботи або результат до і після
  • Відгуки клієнтів
  • Ціна або від чого вона залежить
  • Часті питання
  • Форма заявки і месенджери

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

  • Головна з коротким оглядом і шляхом до потрібної послуги
  • Окрема сторінка на кожну послугу, зі своєю кнопкою заявки
  • Роботи, за якими видно ваш рівень
  • Сторінка про те, хто стоїть за справою
  • Відгуки
  • Контакти: телефон, месенджери, адреса

типові помилки

Помилки, через які йдуть без заявки

З них я починаю аналіз структури сайту, хоч у новому проєкті, хоч коли переробляємо старий.

Перший екран нічого не пояснює

Нагорі гарне фото й загальне гасло. Людина так і не зрозуміла, що ви робите і для кого, тож закрила вкладку.

Кнопка заявки лише в самому низу

Щоб написати, треба прогорнути весь сайт. Кнопка потрібна на першому екрані і після кожного важливого блоку.

Довіра зʼявляється запізно

Відгуки й роботи стоять після форми або їх немає зовсім. Людину просять залишити контакт раніше, ніж вона повірила.

Про ціну мовчать

Ні суми, ні того, від чого вона залежить. Людина соромиться питати і йде туди, де бодай щось написано.

Усі послуги в одному списку

Коли різні послуги звалено на одну сторінку, людина в них губиться. Великій послузі краще дати окрему сторінку.

Текст пишуть після дизайну

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

у вас на руках

Створення структури сайту: що ви отримуєте

План сторінок і блоків

Які сторінки потрібні і що на кожній у якому порядку: перший екран, послуги, роботи, відгуки, ціна, питання, заявка. Усе погоджено з вами ще до дизайну.

Справжні тексти замість «тут буде текст»

Ви погоджуєте не порожні рамки, а заголовки й тексти кожного блоку. Одразу видно, чи все зрозуміло клієнту і чи немає зайвого.

Кожен блок відповідає на питання

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

Правки, поки це просто

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

як складаємо план

Від розмови до погодженого плану

Розкажіть про свій бізнес так, як розповіли б знайомому, а план і тексти я складу сам.

  1. Розповідаєте про бізнес

    Хто ваші клієнти, що вони питають найчастіше, у чому сумніваються. Можна голосовим.

  2. Складаю план сторінок

    Вирішуємо, вистачить однієї сторінки чи потрібно кілька. Блоки ставлю в тому порядку, в якому людина ухвалює рішення.

  3. Погоджуємо зміст

    Ви читаєте план і тексти блоків і кажете, що переставити, додати чи прибрати. Поки це слова, змінити можна що завгодно.

  4. Дизайн живою сторінкою

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

5,0 · 37 відгуків

Усі гарантії й відгуки

Сумніви

Питання про структуру і прототип

Що таке структура сайту і навіщо її погоджувати до дизайну?

Структурою називають перелік сторінок і порядок блоків на кожній: що людина бачить першим, де стоять ціна, відгуки й кнопка заявки. Якщо погодити її до дизайну, не доведеться переробляти готові сторінки, коли зʼясується, що чогось бракує.

Навіщо прототипування сайту, якщо можна одразу робити дизайн?

Прототипування сайту дає план сторінки без кольорів і шрифтів, на якому видно лише, що й де стоїть. Так простіше говорити про зміст: чи все зрозуміло, чи немає зайвого і чи легко знайти, де залишити заявку.

Чи покажете сайт картинкою, перш ніж робити?

Ні, спершу погоджуємо з вами структуру і тексти блоків, а дизайн я показую одразу живою сторінкою в браузері, а не картинкою. Ви відкриваєте її у своєму телефоні, і правки вносимо тут же.

Як зрозуміти, скільки сторінок потрібно сайту?

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

Що підготувати перед розмовою про структуру?

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

Чи можна змінити структуру, коли дизайн уже почався?

Так, але пізні перестановки забирають більше часу, тому головне погоджуємо на старті. Якщо задача змінилась, ми спершу про це говоримо, а вже потім я роблю.

Сайт уже є. З чого почати переробку?

Зі структури: що на старому сайті лишити, що переставити і чого бракує, щоб людина дійшла до заявки. Надішліть посилання й коротко опишіть, що не так. Я поставлю кілька питань.

Напишіть. Далі я сам.

Відповім найближчим часом.

5,0 · 37 відгуків

Ще на цю тему