Edukacja · nauka angielskiego

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

dni od akceptacji do startu

3

środowiska: dev, staging, prod

5★

opinia klienta na Fiverr

100

Lighthouse SEO

01Od czego zaczął klient

Lingua Life to ukraińska marka fiszek i zestawów do nauki angielskiego: karty, gry i zestawy do pracy, dla dzieci i do codziennej praktyki. Założyciel przyszedł na Fiverr z gotowym projektem w Figmie (desktop i mobile) i szczegółowym briefem.

  • Lekka strona na WordPressie bez Elementora i bez płatnych rocznych licencji
  • Wszystko edytowalne w panelu: teksty, ceny, zdjęcia, opinie, artykuły
  • Kod na GitHubie klienta, kopia lokalna, środowisko testowe i bezpieczne aktualizacje
  • Baza pod przyszłe landing page dla poszczególnych produktów
  • Bez cichych założeń: każda niejasna decyzja uzgodniona na piśmie
Więcej ekranów
02Projekt → strona

Przeniosłem projekt z Figmy na stronę blok po bloku i sprawdziłem każdą sekcję na komputerze i telefonie. Fonty, kolory, odstępy i przyciski wyglądają dokładnie tak, jak narysował je projektant.

Projekt w Figmie
Projekt w Figmie
Żywa strona
Żywa strona
03Jak to przebiegało
  1. 29.09

    Audyt i oferta

    Przejrzałem cały projekt i brief, wysłałem wszystkie pytania w jednej wiadomości, zaproponowałem 3 etapy w stałej cenie.

  2. 02.10

    Etap 1: fundament

    Środowisko testowe chronione hasłem, automatyczne wdrażanie z GitHuba, nagłówek, menu mobilne, stopka i pierwszy ekran. Zaakceptowane następnego dnia.

  3. 03.10

    Etap 2: strona główna

    Wszystkie 7 sekcji, galerie produktów, opinie tekstowe, ze zdjęciami i wideo, szablon landing page.

  4. 05.10

    Etap 3: blog i reszta

    Blog z błyskawiczną wyszukiwarką, strona artykułu ze spisem treści i powiązanymi wpisami, strony prawne, 404, SEO, cache.

  5. 06.10

    Start i przekazanie

    Strona działa na lingualife.online, wideo i instrukcja PDF, archiwum projektu.

04Trzy środowiska: zmiany bez ryzyka

Właściciel nie dotyka kodu i nie zepsuje żywej strony: każda zmiana przechodzi przez środowisko testowe i trafia na produkcję dopiero po jego „tak”.

komputerDev

Kopia strony na komputerze do zmian i testów.

stagingStaging

Testowa strona chroniona hasłem. Każda zmiana z GitHuba trafia tu automatycznie, tu właściciel edytuje treści.

lingualife.onlineProd

Żywa strona. Nic tu nie trafia bez akceptacji i kopii zapasowej.

Nic nie jest usuwane, a każda aktualizacja na żywo zaczyna się od kopii zapasowej.

W razie potrzeby stroną można też zarządzać przez asystenta AI: pokazuje, co się zmieni, i przenosi zmiany dopiero po „tak”.

05Właściciel zarządza wszystkim

Motyw jest zbudowany ze standardowych bloków WordPressa, więc edytor wygląda jak strona, a nie jak formularz pełen pól.

Edycja strony głównej w WordPressie
Każdą sekcję strony głównej edytuje się bezpośrednio w edytorze
Dodawanie opinii w panelu
Opinie mają osobną sekcję: dodanie nowej zajmuje minutę
Biblioteka gotowych bloków strony
Gotowe bloki do nowych podstron i landing page
  • Opinie tekstowe, ze zdjęciami i wideo bez kodu
  • Jedno pole ustawia link do Telegrama dla wszystkich przycisków
  • Tytuł i opis SEO dla każdej podstrony
  • Strona działa nawet z wyłączonym JavaScriptem
06Szkolenie i przekazanie

Nagrałem wideo o obsłudze strony i przygotowałem instrukcję PDF, żeby właściciel nie zależał od programisty przy codziennych zadaniach.

Kadr z wideoinstrukcji do strony
Wideo „Jak obsługiwać stronę”, 25 min ze znacznikami czasu
Okładka instrukcji PDF
Instrukcja PDF na 38 stron
Strona instrukcji z oznaczonym zrzutem ekranu
Każdy krok z oznaczonym zrzutem ekranu
  • Archiwum projektu z kodem i pełną historią zmian
  • Wszystkie dostępy w jednym pliku, przesłanym prywatnym linkiem
  • 30 dni darmowych poprawek po starcie
07Co zaproponowałem dalej

Zamówienia, odpowiedzi i opinie wciąż są obsługiwane ręcznie w Telegramie. Nagrałem osobne wideo i prezentację o tym, co można zautomatyzować.

  • Asystent AI na stronie, który odpowiada na pytania i zbiera zapytania
  • CRM z zapytaniami i analityką strony
  • Automatyczne etykiety wysyłkowe Nova Poshta
  • Cotygodniowy raport AI o sprzedaży i zapytaniach
  • Automatyczne prośby o opinię po zakupie

To propozycja na kolejny etap, a nie część tego projektu.

Frame from the automation video
Automation video and deck
08Opinia klienta
★★★★★

„Współpraca z Yurą była świetna. Wykonał pracę znakomicie, szybko i ponad moje oczekiwania. Cenię jego dbałość o szczegóły, inicjatywę i pomocność. Czekam na kolejne wspólne projekty!”

Lingua Life · 🇺🇦 Ukraina · Fiverr

Problem

Marka fiszek i zestawów do nauki angielskiego potrzebowała lekkiej strony według gotowego projektu w Figmie, którą właściciel sam edytuje, ze środowiskiem testowym i bezpiecznymi aktualizacjami.

Co zrobiłem

Zrobiłem własny motyw blokowy WordPress bez page buildera, zgodny z Figmą, trzy środowiska (kopia lokalna, testowe, produkcyjne) z automatycznym wdrażaniem z GitHuba, a zmiany na żywej stronie dopiero po akceptacji właściciela. Uruchomiłem stronę z pełną kopią zapasową i przekazałem wideo, instrukcję PDF i pełne archiwum projektu.

Efekt

Strona ruszyła na lingualife.online 8 dni po akceptacji, właściciel sam prowadzi treści, a klient zostawił opinię 5★: „ponad moje oczekiwania”.

Potrzebujesz strony dla swojej firmy?

Oblicz koszt w 30 sekund lub napisz do mnie, a odpowiem z ceną i terminem.

TelegramPoproś o wycenę