Написати в Telegram

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

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

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

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

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

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

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

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

Разом

11–13 сторінок

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

3–5 тижнів

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

Разом

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  8 сторінок зібрано за 1963 мс  0 файлів JavaScript у результаті  найважча сторінка — 119 КБ разом зі стилями  шрифти — 63 КБ кирилиці, решта вантажиться за потреби✓ готово

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

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

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

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

0,9 с
LCP

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

0,035
CLS

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

8
запитів

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

258 КБ
передано

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

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

Що входить

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

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

  1. 01

    Дослідження

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

    На виходіСтруктура сайту документом, який можна оскаржити до початку робіт

  2. 02

    Тексти

    1–2 тижні
    • Тексти під намір людини, а не під об'єм
    • Заголовки, підзаголовки, підписи до кнопок
    • Title і description для кожної сторінки окремо
    • Перелік того, що потрібно від вас: цифри, імена, документи

    На виходіГотовий зміст до того, як почався дизайн

  3. 03

    Дизайн

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

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

  4. 04

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

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

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

  5. 05

    Запуск

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

    На виходіСайт у мережі, доступи у вас, дані збираються з першого дня

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

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

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

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

  • Фото

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

  • Факти

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

  • Доступи

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

  • Одна людина з вашого боку

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

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

На чому робимо

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

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

  • Наш дефолт

    Статичний сайт

    Сторінки збираються заздалегідь і лежать готовими файлами. Немає бази даних, немає адмінки, ламатись нема чому. Саме так зроблено цю сторінку.

    • Найшвидший із можливих
    • Хостинг безкоштовний
    • Не вимагає оновлень безпеки
    • Не зламається від навантаження
    • Тексти міняємо ми, не ви
    • Зміни з'являються за хвилину після правки

    До 30 сторінок, правки рідше ніж щотижня · Хостинг $0

  • Коли контент живий

    Статика з редактором

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

    • Швидкість лишається тією самою
    • Ви редагуєте без нас
    • Історія змін зберігається, є куди відкотитись
    • Редактору потрібен обліковий запис GitHub
    • Зміни з'являються за хвилину, не миттєво

    Блог, акції, ціни, що змінюються · Хостинг $0

  • Тільки за умови

    WordPress

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

    • Звична адмінка
    • Гривневі рахунки від українського хостингу
    • Підхопить будь-який підрядник
    • Оновлення ядра й плагінів — довічно
    • Поверхня для зламу є завжди
    • Швидкість доводиться відвойовувати

    Уже є WP або 3+ редактори з ролями · Хостинг 100–250 грн/міс + супровід

СтатикаЗ редакторомWordPress
ШвидкістьНайвищаНайвищаЗалежить від плагінів
Хто редагує текстиМиВиВи
Вартість хостингу$0$0100–250 грн/міс
Оновлення безпекиНе потрібніНе потрібніПостійно
Ризик зламуПрактично нульовийПрактично нульовийРеальний
Продається з супроводомЗа бажаннямЗа бажаннямОбов'язково

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

Tilda не пропонуємо. Це російський продукт, і для українського бізнесу це питання не лише репутації, а й того, куди йдуть ваші гроші.

Чесно

Коли конструктора вистачить

Іноді відповідь на «зробіть нам сайт» — не робити його з нами. Ось коли.

Вистачить конструктора

  • Потрібна одна сторінка з контактами й переліком послуг
  • Бюджет менший за вартість нормальної структури
  • Бізнес щойно почався й ви ще перевіряєте попит
  • Сайт потрібен «щоб був», а клієнти йдуть із Карт і рекомендацій

Потрібен нормальний сайт

  • Потрібні сторінки під різні запити, а не одна
  • Ви вже платите за рекламу й втрачаєте на повільному сайті
  • Треба перенести старий сайт, не втративши позиції
  • Конкуренти в пошуку вище, і це коштує вам грошей

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

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

Що буде далі

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

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

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

    Помилки, які виявляться після запуску, виправляємо безкоштовно. Це не «доробки», а саме помилки.

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

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

  • Далі за бажанням

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

Питання

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

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

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

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

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

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

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

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

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

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

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

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

Інші послуги

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

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

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

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

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

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

Що потрібно

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