Розробка сайтів WordPress і WooCommerce
Розробка сайтів в агенції Roholeva починається з питання, що ви продаєте і кому, а закінчується сайтом на вашому домені, який приймає заявки чи замовлення. Робимо лендинги, корпоративні сайти й інтернет-магазини на WordPress: складаємо структуру, пишемо тексти, малюємо дизайн, верстаємо й запускаємо.
01 Послуги
Три типи нових сайтів і дві послуги для тих, у кого сайт уже є. У кожної своя сторінка: склад роботи, графік за тижнями і те, що змінює ціну.
02 Вибір
Тип сайту визначають дві речі: скільки у вас пропозицій і звідки прийдуть люди. Одна послуга й реклама означають лендинг. Десять послуг і пошук потребують сайту з окремою сторінкою на кожну. Товари з оплатою онлайн ведуть до магазину.
| Тип сайту | Кому підходить | Коли краще взяти інше | Обсяг |
|---|---|---|---|
| Лендинг | Одна послуга, курс, подія чи товар. Відвідувачі приходять з реклами й мають зробити одну дію: лишити заявку. | Послуг кілька, і кожну шукають окремо. Одна сторінка не збере пошукові запити на всі. | 1 сторінка |
| Корпоративний сайт | Компанія з кількома послугами, якій треба пояснити, хто вона, показати роботи й отримувати заявки з пошуку. | Ви продаєте товари зі складу, і покупець має оплатити їх на сайті. Це вже магазин. | від 5 сторінок |
| Інтернет-магазин | Від кількох десятків товарів, оплата карткою, доставка поштою, облік замовлень і залишків. | Товарів до десяти, а замовлення зручніше приймати телефоном. Вистачить лендингу з переліком товарів. | каталог і кошик |
| Редизайн | Сайт є, його знаходять у пошуку, але він застарів, незручний на телефоні або не дає заявок. | Сайт зібраний на системі, яку вже ніхто не підтримує. Тоді чесніше зробити новий. | наявний сайт |
| Підтримка | Сайт працює, але нікому оновлювати систему, робити резервні копії, міняти ціни й додавати сторінки. | Сайт на конструкторі, який оновлюється сам, а правок у вас одна на квартал. | щомісяця |
Кошик, фільтри й особистий кабінет потрібні каталогу, а десять позицій уміщуються на одній сторінці. Якщо замовлення однаково підтверджує людина телефоном, почніть із лендингу: він коштує від 35 000 грн проти 120 000 за магазин і запускається за три тижні.
Послуги ховають у вкладки, і сторінка розтягується на двадцять екранів. З реклами її не дочитують, а в пошуку вона програє сайтам, де під кожну послугу є окрема сторінка з власним заголовком.
Старий сайт роками набирав позиції в Google, і кожна його адреса щось важить. Якщо зібрати новий з іншими адресами й не поставити переадресацію, частина відвідувачів із пошуку зникне. Спершу дивимося, що варто зберегти: можливо, вистачить редизайну.
03 Склад роботи
«Під ключ» означає, що вам не треба окремо шукати копірайтера, дизайнера й верстальника, а потім зводити їхню роботу докупи. У день запуску ви отримуєте робочий сайт на своєму домені, доступи адміністратора й інструкцію.
04 Етапи
Порядок однаковий для лендингу, корпоративного сайту й магазину, різниться лише тривалість. Менша цифра в термінах стосується лендингу, більша магазину. Ціну кожного етапу фіксуємо до початку роботи, а закінчується етап вашим погодженням.
Розпитуємо про продукт, покупців і конкурентів, дивимося ваш теперішній сайт і рекламу. Протягом робочого дня надсилаємо кошторис: етапи, ціна кожного, дати.
→ 1–2 дні: кошторис і графік
Збираємо запити, за якими вас шукають, і вирішуємо, які сторінки потрібні. Для типових сторінок складаємо прототипи, за ними автор пише тексти, а редактор їх вичитує.
→ від 5 днів до 3 тижнів: прототипи й тексти
Спершу концепція: головний екран і одна внутрішня сторінка. Після погодження стилю малюємо решту шаблонів для комп'ютера й телефона, уже зі справжнім текстом.
→ від 4 днів до 3 тижнів: макет у Figma
Верстаємо шаблони, підключаємо WordPress і форми, для магазину ще оплату й доставку. Заливаємо тексти, фото, товари. Сайт стоїть на тестовій адресі, і ви бачите його в будь-який момент.
→ від 4 днів до 4 тижнів: сайт на тестовій адресі
Проходимо сайт на телефонах і в різних браузерах, перевіряємо форми, швидкість і переадресацію зі старих адрес. Переносимо на ваш домен і показуємо, як ним керувати.
→ 1–5 днів: сайт працює, доступи у вас
Терміни в таблиці цін розраховані на те, що ви погоджуєте етап за один-два дні. Проєкти зазвичай затримуються не на дизайні й не на верстці, а на матеріалах: фото, прайс, реквізити, доступ до домену. Перелік того, що знадобиться, надсилаємо разом із кошторисом, щоб ви збирали все заздалегідь.
05 Порядок
Зазвичай сайт малюють із текстом-рибою, а справжній текст шукають в останній тиждень. Тоді заголовок на три слова замінюють реченням на два рядки, у блоці «Переваги» лишаються шість однакових іконок, і макет розсипається.
Ми з 2008 року пишемо тексти для бізнесу, тому йдемо у зворотному порядку. Спершу з'ясовуємо, що людина має прочитати на кожному екрані, і вже під це проєктуємо блоки. Дизайнер отримує готові заголовки, ціни й підписи кнопок.
06 Платформа
WordPress — це система керування сайтом із відкритим кодом. За неї не треба платити ліцензію чи абонплату, а сам сайт лежить на вашому хостингу разом із кодом, базою даних і всіма текстами. Магазини збираємо на WooCommerce, модулі електронної комерції для тієї самої системи.
Причина вибору практична. WordPress найпоширеніша система керування у світі, тож розробника для неї знайти легко. Якщо ми вам колись не підійдемо, сайт підхопить інший підрядник, і переписувати його з нуля не доведеться.
Є й мінус, про який краще знати до старту. Систему й модулі треба оновлювати, а копії сайту робити регулярно, інакше за рік-два сайт стає вразливим до зламу. Це можна робити самим або передати нам на підтримку.
WordPress не підійде сервісу з особистими кабінетами, складними розрахунками чи бронюванням у реальному часі. Це вже розробка вебзастосунку, і за неї ми не беремося. Якщо ваша команда звикла до іншої платформи, скажіть про це в брифі.
07 Ціни
Ціни вказані «від» за сайт у базовому складі. Приклад: лендинг коштує від 35 000 грн, і якщо одразу вести на нього контекстну рекламу, перший місяць обійдеться від 50 000 грн (35 000 за сторінку і 15 000 за ведення кампаній). Рекламний бюджет ви платите Google окремо.
| Послуга | Що входить | Термін | Ціна |
|---|---|---|---|
| Розробка лендингу | Прототип, тексти, дизайн, адаптивна верстка, форма й аналітика | 2–3 тижні | від 35 000 грн / лендинг |
| Корпоративний сайт | Структура, тексти ключових сторінок, дизайн, верстка, система керування | 4–8 тижнів | від 75 000 грн / сайт |
| Розробка інтернет-магазину | Структура каталогу, дизайн, верстка, оплата й доставка, навчання | 6–12 тижнів | від 120 000 грн / магазин |
| Редизайн сайту | Аудит, нова структура, дизайн, перенесення вмісту, редиректи | 3–6 тижнів | від 45 000 грн / сайт |
| Підтримка сайту | Оновлення, резервні копії, моніторинг, до 5 годин правок | щомісяця | від 6 000 грн / місяць |
Ціну визначає кількість різних шаблонів, які треба намалювати й зверстати. Двадцять сторінок послуг на одному шаблоні коштують майже стільки, скільки п'ять. Калькулятор, каталог із фільтрами чи порівняння тарифів потребують окремих шаблонів.
Що більше готового ви приносите, то менше роботи. Якщо описів товарів немає, пишемо їх окремо: 200 карток по 350 грн дають 70 000 грн понад ціну магазину. Їх можна замовляти частинами, починаючи з товарів, які продаються найкраще.
Онлайн-оплата, запис на час, калькулятор, особистий кабінет, обмін даними з CRM чи складом. Кожна функція стоїть у кошторисі окремим рядком: ви бачите, скільки вона коштує, і вирішуєте, брати її зараз чи після запуску.
Кожна мовна версія додає тексти й ще одну перевірку верстки; переклад рахуємо за цінами послуг перекладача. Переїзд зі старого сайту додає перенесення статей чи товарів і переадресацію старих адрес на нові.
08 Старт
Технічне завдання писати не треба, його складаємо ми після брифу. Щоб кошторис був точним із першого разу, досить відповісти на п'ять питань.
Працюємо дистанційно. Бриф проходить у відеодзвінку або письмово, макети ви дивитеся у Figma, тексти читаєте в Google Docs, а готовий сайт перевіряєте на тестовій адресі зі свого телефона.
09 Після запуску
Новий сайт у перший місяць майже ніхто не бачить: у пошуку він ще не набрав позицій, а реклами немає. Тому ще на етапі структури питаємо, звідки прийдуть люди, і будуємо сторінки під цей канал: під запити з Google або під оголошення.
Рекламу в Google Ads можна запустити за тиждень, пошукове просування дає результат за кілька місяців. Обидва напрями ведемо самі, тож оголошення й сторінка говорять одними словами.
10 Питання
Лендинг коштує від 35 000 грн, корпоративний сайт від 75 000 грн, інтернет-магазин від 120 000 грн. Сума залежить від кількості шаблонів, обсягу текстів і функцій на кшталт онлайн-оплати чи калькулятора. Кошторис за етапами надсилаємо протягом робочого дня після брифу.
Лендинг готовий за два-три тижні, корпоративний сайт за чотири-вісім, магазин за шість-дванадцять. Нижня межа реальна, якщо матеріали зібрані, а етапи ви погоджуєте за день-два. Дату запуску фіксуємо разом із ціною до початку роботи.
Так. Тексти, фото, ціни, статті й товари ви редагуєте в адмінці WordPress без програміста. Перед здачею проводимо навчання й лишаємо інструкцію зі знімками екрана саме вашого сайту. Розробник потрібен лише для нових шаблонів і функцій.
Можна, порахуємо окремим кошторисом. Якщо є макет у Figma, зверстаємо за ним, але спершу перевіримо, чи вміщується в нього справжній текст. Якщо потрібні лише тексти, а сайт збирає ваш розробник, дивіться тексти для сайтів і лендингів.
Вам. Домен і хостинг оформлюємо на вашу компанію, акаунти аналітики створюємо під вашою поштою, а після оплати останнього етапу передаємо всі паролі. Доступ у нас лишається тільки тоді, коли ви берете підтримку.
Цього не може обіцяти ніхто, і ми не обіцяємо. Ми відповідаємо за технічну основу: швидкість, правильні заголовки, карту сайту, окрему сторінку під кожну послугу. Позиції залежать ще від конкурентів, віку сайту й посилань, і над ними працює SEO-просування.
Наша основна платформа WordPress, для магазинів WooCommerce. Інші системи беремо за запитом: розкажіть, чому вам потрібна саме вона, і ми скажемо, чи зробимо це добре. Якщо ні, скажемо про це до початку роботи.
Проєкт поділено на етапи: структура й тексти, дизайн, верстка й запуск. Ціну кожного етапу фіксуємо письмово до початку роботи. Перед етапом ви вносите 50%, решту сплачуєте після його здачі.
Так, уся робота дистанційна, і місто значення не має. Сайти робимо українською та англійською; німецьку й французьку версії перекладаємо з готових текстів. На перше повідомлення відповідаємо протягом робочого дня.
11 Поруч
Замовлення
Достатньо двох речень: що за продукт і що вам потрібно — текст, сайт чи просування. Відповімо протягом робочого дня.