Освіта · вивчення англійської

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

днів від погодження до запуску

3

середовища: dev, тест, прод

5★

відгук клієнта на Fiverr

100

SEO в Lighthouse

01З чим прийшов клієнт

Lingua Life - український бренд карток і наборів для вивчення англійської: картки, ігри й набори для роботи, дітей і щоденної практики. Засновник прийшов на Fiverr з готовим дизайном в Figma (комп'ютер і телефон) і детальним ТЗ.

  • Легкий сайт на WordPress без Elementor і щорічних платних ліцензій
  • Все редагується в адмінці: тексти, ціни, фото, відгуки, статті
  • Код в GitHub клієнта, локальна копія, тестове середовище (staging) і безпечні оновлення
  • Основа для майбутніх лендінгів окремих продуктів
  • Жодних мовчазних припущень: кожне неочевидне рішення погоджуємо письмово
Як це виглядає
02Макет → сайт

Переніс макет з Figma на сайт блок за блоком і звірив кожну секцію на комп'ютері й телефоні. Шрифти, кольори, відступи й кнопки такі, як їх намалював дизайнер.

Макет в Figma
Макет в Figma
Живий сайт
Живий сайт
03Як ми рухались
  1. 29.09

    Аудит і оффер

    Переглянув весь макет і ТЗ, зібрав питання одним повідомленням, запропонував 3 етапи з фіксованою ціною.

  2. 02.10

    Етап 1: основа

    Тестове середовище (staging) під паролем, автодеплой з GitHub, шапка, мобільне меню, футер і перший екран. Клієнт прийняв етап наступного дня.

  3. 03.10

    Етап 2: головна

    Всі 7 секцій, галереї продуктів, відгуки текстом, фото й відео, шаблон для лендінгів.

  4. 05.10

    Етап 3: блог і решта

    Блог з пошуком на льоту, стаття зі змістом і схожими статтями, юридичні сторінки, 404, SEO, кеш.

  5. 06.10

    Запуск і передача

    Сайт на lingualife.online, відео й PDF-інструкція, архів проекту.

04Три середовища: правки без ризику

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

комп'ютерDev

Копія сайту на комп'ютері для правок і перевірок.

тестове середовищеStaging

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

lingualife.onlineПрод

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

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

За потреби сайтом можна керувати і через AI-асистента: він покаже, що зміниться, і перенесе зміни тільки після «так».

05Власник керує всім сам

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

Редагування головної сторінки в WordPress
Кожна секція головної редагується прямо в редакторі
Додавання відгуку в адмінці
Відгуки в окремому розділі: новий додається за хвилину
Бібліотека готових блоків сайту
Готові блоки сайту для нових сторінок і лендінгів
  • Відгуки текстом, фото й відео без коду
  • Посилання на Telegram для всіх кнопок в одному полі
  • SEO-заголовок і опис для кожної сторінки
  • Сайт працює навіть з вимкненим JavaScript
06Навчання і передача

Записав відео, як керувати сайтом, і зробив PDF-інструкцію, щоб власник не залежав від розробника в щоденних задачах.

Кадр з відеоінструкції по сайту
Відео «Як керувати сайтом», 25 хв з таймкодами
Обкладинка PDF-інструкції
PDF-інструкція на 38 сторінок
Сторінка інструкції з позначками на скріншоті
Кожен крок зі скріншотом і позначками
  • Архів проекту з кодом і всією історією змін
  • Всі доступи в одному файлі, окремим приватним посиланням
  • 30 днів безкоштовних виправлень після запуску
07Що запропонував далі

Зараз замовлення, відповіді й відгуки обробляються вручну в Telegram. Окремо записав відео й презентацію, що з цього можна автоматизувати.

  • AI-асистент на сайті, який відповідає на питання і збирає заявки
  • CRM з заявками й аналітикою сайту
  • Автоматичні ТТН Нової Пошти
  • Щотижневий AI-звіт по продажах і заявках
  • Автоматичне прохання про відгук після покупки

Це пропозиція наступного етапу, а не частина цього проекту.

Кадр з відео про автоматизації
Відео й презентація про автоматизації
08Відгук клієнта
★★★★★

«Працювати з Юрою було чудово. Здав роботу на відмінно, швидко й краще, ніж я очікував. Ціную увагу до деталей, ініціативність і готовність допомогти. Чекаю на нові спільні проєкти!»

Lingua Life · 🇺🇦 Україна · Fiverr

Задача

Бренду карток і наборів для вивчення англійської потрібен був легкий сайт за готовим макетом, який власник редагує сам, з тестовим середовищем (staging) і безпечним оновленням.

Що зроблено

Зробив власну тему WordPress без конструкторів точно за Figma, три середовища (локальна копія, тестовий сайт, прод) з автодеплоєм через GitHub і оновленням живого сайту тільки після підтвердження власника. Запустив з повною резервною копією, передав відео, PDF-інструкцію й архів проекту.

Результат

Сайт працює на lingualife.online через 8 днів після погодження, власник сам керує контентом, а клієнт залишив відгук 5★: «краще, ніж я очікував».

Потрібен сайт для вашого бізнесу?

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

Ціни Написати в Telegram