Структуру сайту погоджуємо ще до дизайну: які сторінки, які блоки і в якому порядку. Щоб людина швидко знайшла відповідь і написала вам.
від $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. Точну суму назву після першої розмови — і далі вона не зросте.
Ви вирішуєте, чи рухатися даліПісля кожного етапу можете зупинити проєкт. Оплачуєте лише виконані та прийняті етапи. Передоплату за нерозпочаті — повертаю.
Ціна кінцева. Перевитрати — моїЗадача не змінилась — сума, названа на старті, не росте. Змінилась — спершу говоримо, потім роблю.
Що таке структура сайту і навіщо її погоджувати до дизайну?
Структура — це перелік сторінок і порядок блоків на кожній: що людина бачить першим, де ціна, відгуки й кнопка заявки. Якщо погодити її до дизайну, не доведеться переробляти готові сторінки, коли зʼясується, що чогось бракує.
Навіщо прототипування сайту, якщо можна одразу робити дизайн?
Прототипування сайту — це план сторінки без кольорів і шрифтів: що й де стоїть. Так простіше говорити про зміст: чи все зрозуміло, чи немає зайвого і чи легко знайти, де залишити заявку.
Чи покажете сайт картинкою, перш ніж робити?
Ні, спершу погоджуємо з вами структуру і тексти блоків, а дизайн я показую одразу живою сторінкою в браузері, а не картинкою. Ви відкриваєте її у своєму телефоні, і правки вносимо тут же.
Як зрозуміти, скільки сторінок потрібно сайту?
Якщо послуга одна і потрібна одна дія, наприклад запис чи заявка, вистачить лендінгу. Якщо послуг кілька і клієнти шукають їх окремо, краще дати кожній свою сторінку, щоб людина одразу потрапляла куди треба.
Що підготувати перед розмовою про структуру?
Достатньо розповісти, що ви продаєте, хто ваші клієнти і що вони питають найчастіше. Фото робіт, відгуки чи сайти, які вам подобаються, теж знадобляться, а план і тексти складаю я.
Чи можна змінити структуру, коли дизайн уже почався?
Так, але пізні перестановки забирають більше часу, тому головне погоджуємо на старті. Якщо задача змінилась, спершу говоримо, а потім роблю — сума не росте сама собою.
Сайт уже є. З чого почати переробку?
Зі структури: що на старому сайті лишити, що переставити і чого бракує, щоб людина дійшла до заявки. Надішліть посилання і коротко опишіть, що не так, — я поставлю кілька питань і назву ціну.