Написати в Telegram

Розробка сайтів

«Сайт робили, а він нічого не приносить»

Сайт, який рахують до того, як малюють

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

Порахувати мій сайтПодивитись доказ

Розробка сайту для локального бізнесу — сторінки під запити, з яких приходять клієнти, а не «сайт-візитка щоб був». Структура рахується з попиту до того, як щось малюється, і сайт віддається разом із адмінкою та доступами.

Скільки сторінок вам треба

Структура рахується, а не вигадується

Оберіть свій бізнес. Нижче — сторінки, які має сенс робити, і головне: який саме запит закриває кожна. Це та логіка, за якою ми складаємо структуру в роботі, тільки на прикладі.

  1. ГоловнаПерше враження й вибір напрямкуЗакриває запитстоматологія київРобимо одразу
  2. Послуги · 6 сторінокІмплантація, брекети, дитяча, гігієна — у кожної свій запит і своя цінаЗакриває запитімплантація зубів цінаРобимо одразу
  3. ЦіниНайчастіше питання перед записом. Без неї людина йде шукати даліЗакриває запитскільки коштує вилікувати зубРобимо одразу
  4. ЛікаріОбирають людину, а не клініку. Особливо в дорогих послугахЗакриває запитстоматолог відгукиРобимо одразу
  5. КонтактиАдреса, карта, графік, записЗакриває запитстоматологія поручРобимо одразу
  6. ВідгукиПідсилює, але Google-відгуки часто працюють кращеМожна пізніше
  7. БлогПриводить людей на «як лікують» і «скільки болить»Закриває запитчи боляче ставити імплантМожна пізніше

Разом

11–13 сторінок

Орієнтовний строк

3–5 тижнів

  1. ГоловнаАтмосфера, локація, години. Часто цього й доситьЗакриває запитресторан познякиРобимо одразу
  2. МенюНайчастіша причина заходу. Має відкриватись швидко й без PDFЗакриває запитменю ресторануРобимо одразу
  3. Банкети й подіїНайдорожчі звернення приходять саме сюдиЗакриває запитбанкетний зал київРобимо одразу
  4. КонтактиКарта, бронювання, як знайти вхідЗакриває запитресторан поручРобимо одразу
  5. ГалереяЧастково замінюється віртуальним туром у профіліМожна пізніше

Разом

4–6 сторінок

Орієнтовний строк

2–3 тижні

  1. ГоловнаЩо робите, де і як швидкоЗакриває запитсто київРобимо одразу
  2. Послуги · 5 сторінокРозвал, шиномонтаж, ходова, діагностика — кожну шукають окремоЗакриває запитрозвал сходження цінаРобимо одразу
  3. ЦіниУ цій ніші питають першимЗакриває запитшиномонтаж цінаРобимо одразу
  4. КонтактиПроїзд, графік, записЗакриває запитсто поручРобимо одразу
  5. Про майстернюОбладнання й гарантія знімають недовіруМожна пізніше

Разом

8–9 сторінок

Орієнтовний строк

2–4 тижні

  1. ГоловнаСтиль і рівень видно за секундуЗакриває запитбарбершоп київРобимо одразу
  2. Послуги й ціниУ цій ніші ціна й перелік ідуть разомЗакриває запитманікюр цінаРобимо одразу
  3. МайстриЗаписуються до людини. Це головна сторінка після головноїЗакриває запитмайстер манікюру відгукиРобимо одразу
  4. КонтактиОнлайн-запис, карта, графікЗакриває запитбарбершоп поручРобимо одразу
  5. РоботиПрацює, але Instagram тут зазвичай сильнішийМожна пізніше

Разом

7–9 сторінок

Орієнтовний строк

2–4 тижні

  1. ГоловнаАсортимент і чому саме виЗакриває запитмеблі київРобимо одразу
  2. КаталогКатегорії під запити, а не одна сторінка «товари»Закриває запиткупити диванРобимо одразу
  3. Доставка й оплатаДруге за відвідуваністю після каталогуЗакриває запитдоставка меблівРобимо одразу
  4. КонтактиШоурум, як доїхати, годиниЗакриває запитшоурум меблівРобимо одразу
  5. Гарантія й поверненняЗнімає останній страх перед покупкоюМожна пізніше

Разом

6–8 сторінок

Орієнтовний строк

3–5 тижнів

  1. ГоловнаЩо робите і за скільки приїдетеЗакриває запитсантехнік київРобимо одразу
  2. Послуги · 4 сторінкиКожен вид робіт шукають окремоЗакриває запитпрочистка каналізації цінаРобимо одразу
  3. Зона роботиГоловне питання: «а до мене поїдете?»Закриває запитсантехнік виїзд районРобимо одразу
  4. КонтактиТелефон великим, решта потімЗакриває запитсантехнік поручРобимо одразу

Разом

6–7 сторінок

Орієнтовний строк

2–3 тижні

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

Замість портфоліо

Цю сторінку зроблено так само

Найпростіший спосіб перевірити студію — подивитись на її власний сайт. Ось що показує збірка того, що ви зараз читаєте.

podyv — збірка
$ npm run build  18 сторінок зібрано за 3719 мс  1 файлів JavaScript у результаті  найважча сторінка — 141 КБ разом зі стилями  шрифти — 46 КБ кирилиці, решта вантажиться за потреби✓ готово

Відкрийте інструменти розробника прямо на цій сторінці й перевірте самі: вкладка Network, фільтр JS.

Це не змагання в цифрах. Швидкість прямо впливає на заявки: за дослідженням Deloitte і Google на 37 брендах і 30 мільйонах сесій кожні 0,1 секунди прискорення дають плюс 21,6% тих, хто доходить від першого кроку форми до відправлення. Сайт на 100 КБ відкривається на телефоні в дорозі. Сайт на 3 МБ — ні.

Виміряно на повільному телефоні

4G · 1,6 Мбіт/с · затримка 150 мс · процесор у 4 рази повільніший за звичайний

0,6 с
LCP

коли з'явився головний блок. Зелена зона Google — до 2,5 с

0,055
CLS

наскільки стрибає верстка. Зелена зона — до 0,1

9
запитів

сторінка, логотип, шість шрифтів і фавікон. Більше нічого не тягнеться

204 КБ
передано

разом зі шрифтами, за один візит

Ці цифри можна відтворити: адреса публічна, умови вказані. Ми не показуємо результат на швидкому ноутбуці, бо ваші клієнти дивляться не з нього.

Що входить

Склад роботи по етапах

Не «дизайн і верстка», а перелік того, що ви отримуєте на кожному етапі. Порядок теж має значення: кожен наступний спирається на попередній.

  1. 01

    Дослідження

    3–5 днів
    • Збір запитів вашої ніші й міста, з частотністю
    • Розбір трьох-пʼяти конкурентів: які сторінки в них є і чого немає
    • Аналіз чинного сайту, якщо він є: що працює, що втратимо при переробці
    • Список сторінок із поясненням, який запит закриває кожна

    На виходіКарта майбутнього сайту: скільки сторінок і навіщо кожна

  2. 02

    Бриф і технічне завдання

    2–4 дні
    • Фіксуємо структуру: сторінки, блоки на кожній, що на них має бути
    • Що потрібно від вас: інформація про заклад, послуги, ціни, фото
    • Погоджуємо, які сторінки робимо зараз, а які лишаємо на потім
    • Усе це до того, як щось малюється

    На виходіЗатверджене ТЗ: що робимо, у якому обсязі й до якого строку

  3. 03

    Дизайн

    1–2 тижні
    • Макет головної сторінки: решта збирається з тих самих блоків
    • Тексти пишемо тут же й погоджуємо разом із макетом, а не окремим етапом
    • Мобільна версія промальовується, а не «підганяється потім»
    • Перевірка контрасту за нормою WCAG AA до верстки

    На виходіЖивий макет за посиланням, який відкривається з телефона

  4. 04

    Верстка й збірка

    1–2 тижні
    • Адаптив від 360 пікселів, а не від ноутбука
    • Швидкість: зображення в сучасних форматах, шрифти локально, нуль зайвого коду
    • Форми з реальною відправкою й захистом від спаму
    • Правки текстів на цьому етапі ще можливі — доти, доки сайт не в мережі

    На виходіСайт, який відкривається на повільному телефоні

  5. 05

    Запуск

    2–3 дні
    • Розмітка для Google: організація, послуги, питання й відповіді
    • Карта сайту, robots, канонічні адреси
    • Редіректи зі старого сайту, щоб не втратити набране
    • Адмінка й коротка інструкція, як міняти тексти самому
    • Передача доступів: домен, хостинг, адмінка — усе на вас

    На виходіСайт у мережі, доступи у вас

Строки в етапах — за умови, що матеріали приходять вчасно. Найчастіше сайт затримує не верстка, а очікування фото й фактів від клієнта.

Що потрібно від вас

Без цього робота стане

Найчастіша причина, чому сайт робиться три місяці замість трьох тижнів, не верстка. Це очікування матеріалів.

  • Фото

    Свої, не стокові. Приміщення, роботи, команда. Якщо немає — скажемо, що саме зняти, або порадимо фотографа.

  • Факти

    Ціни або діапазони, строки, гарантії, документи. Усе, що не підтверджене, ми не публікуємо.

  • Домен

    Якщо домену ще немає — допоможемо обрати й купити, оформимо одразу на вас. Хостинг підключаємо самі.

  • Контактна особа

    Хтось із вашого боку, з ким погоджуємо рішення по ходу роботи.

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

Що беремо

Три пакети, і кожен для свого випадку

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

  • 1–3 сторінки

    Візитка

    Коли сайту немає взагалі, а вести людей із Карт, Instagram і реклами нема куди.

    • Головна з послугами, цінами й контактами
    • Форма й кнопки в месенджери
    • Профіль у Google Картах підключений до сайту
    • Запуск найшвидший із трьох

    Барбершоп, майстер, студія, невеликий заклад

  • 8–15 сторінок

    Сайт послуг

    Коли напрямків кілька й кожен шукають окремо. Сторінка під кожен, а не список на одній.

    • Окрема сторінка під кожну послугу й під свій запит
    • Ціни, команда, відгуки — якщо вони у вас продають
    • Блоки питань і відповідей там, де їх реально питають
    • Розмітка для Google на кожній сторінці

    Клініка, сервіс, студія з кількома напрямками

  • редизайн без втрати позицій

    Оновлення сайту

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

    • Новий вигляд на тій самій адресі — набране в пошуку лишається
    • Переносимо контент і структуру, нічого не гублячи
    • Прибираємо дублі й сторінки, які тягнули вниз
    • Швидкість до і після — цифрами, а не на слово

    Сайт на конструкторі, старий WordPress, сайт без доступів

У будь-якому пакеті

  • Адмінка: тексти, фото й ціни міняєте самі
  • Домен і хостинг оформлені на вас
  • Форми з відправкою в Telegram, на пошту або у вашу CRM
  • Швидкість перевірена на повільному телефоні
  • Розмітка для Google і карта сайту

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

Складніші проєкти

Коли треба більше за сайт на пʼятнадцять сторінок

Три пакети покривають більшість випадків, але не всі. Ось що робимо, коли проєкт більший.

  • Каталоги й сотні сторінок

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

  • Анімації та інтерактив

    Рух, який пояснює, а не прикрашає: покрокові схеми, конфігуратори, калькулятори, віртуальний тур просто на сторінці. Приклад — конструктор структури вище на цій сторінці.

  • Кілька мов

    Окрема адреса під кожну мову й розмітка, щоб Google не вважав версії дублями одна одної.

  • Інтеграції

    CRM, онлайн-запис, оплата, бронювання. Заявка потрапляє туди, де ви з нею працюєте, а не тільки на пошту.

  • Кілька редакторів

    Коли над сайтом працює команда: права доступу, чернетки, історія змін, можливість відкотити.

  • Пошук і фільтри

    Коли сторінок стільки, що меню вже не рятує. Тут рахуємо окремо — після брифа.

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

Після запуску

Що буде далі

  • Усі доступи у вас

    Домен, хостинг і репозиторій оформлені на вас. Ми лишаємось із доступом рівно доти, доки ви цього хочете.

  • Місяць гарантії

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

  • Ви не прив'язані

    Усі файли сайту віддаємо вам. Будь-який інший розробник продовжить із того місця, де ми зупинились.

  • Далі — розвиток

    Можемо вести сайт далі: SEO-аудит, нові сторінки під запити, доопрацювання за даними аналітики. Сайт працює й без цього — але зростає з ним.

Питання

Що питають про розробку

Не знайшли своє? Напишіть у Telegram, відповімо своїми словами.

Скільки коштує сайт?

Ціна залежить від кількості сторінок, а кількість ми рахуємо із запитів. Тому вартість називаємо після того, як зберемо структуру — зазвичай це кілька днів. До того будь-яка цифра буде вигаданою.

Скільки триває розробка?

Від двох тижнів для невеликого сайту до п'яти для клініки чи магазину. Найдовше зазвичай не верстка, а тексти й матеріали з вашого боку.

Чи зможу я сам міняти тексти?

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

А якщо в мене вже є сайт?

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

Сайт буде видно в Google одразу?

Індексація займає від кількох днів до кількох тижнів. Позиції — довше. Сайт готують до пошуку від першого дня, але швидких позицій нова адреса не дає нікому.

Інші послуги

Сайт сам себе не приведе

Готовий сайт — це майданчик. Люди на нього приходять із пошуку, Карт або реклами.

Наступний крок

Розкажіть про свій бізнес

Напишіть у Telegram або залиште контакти. Подивимось вашу картку в Google і скажемо, що дасть результат, а на що витрачатись не варто.

Написати в Telegram
Телефон
+38 (063) 066-00-96

З чим допомогти

Подивимось профіль і відповімо в Telegram протягом робочого дня.

Сторінку востаннє звіряли