Bildung · Englisch lernen

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

Tage von der Freigabe bis zum Start

3

Umgebungen: Entwicklung, Test, Live

5★

Kundenbewertung auf Fiverr

100

Lighthouse SEO

01Die Ausgangslage

Lingua Life ist eine ukrainische Marke für Englisch-Lernkarten und Lernsets: Karten, Spiele und Sets für den Beruf, für Kinder und das tägliche Üben. Der Gründer kam über Fiverr mit einem fertigen Figma-Design (Desktop und Mobil) und einem ausführlichen Briefing.

  • Eine schlanke WordPress-Website ohne Elementor und ohne jährliche Lizenzgebühren
  • Alles im Admin-Bereich änderbar: Texte, Preise, Fotos, Bewertungen, Artikel
  • Code im GitHub des Kunden, eine lokale Kopie, eine Testumgebung und sichere Updates
  • Eine Basis für künftige Landingpages einzelner Produkte
  • Keine stillen Annahmen: Jede offene Frage wurde schriftlich geklärt
Weitere Ansichten
02Design → Website

Ich habe das Figma-Design Block für Block auf die Website übertragen und jeden Abschnitt auf Desktop und Smartphone geprüft. Schriften, Farben, Abstände und Buttons sehen genau so aus, wie der Designer sie gezeichnet hat.

Figma-Design
Figma-Design
Live-Website
Live-Website
03So lief das Projekt
  1. 29.09

    Analyse und Angebot

    Das gesamte Design und Briefing geprüft, alle Fragen in einer Nachricht geschickt, 3 Etappen zum Festpreis vorgeschlagen.

  2. 02.10

    Etappe 1: Grundlage

    Passwortgeschützte Testumgebung, automatisches Deployment aus GitHub, Kopfbereich, mobiles Menü, Fußbereich und Startbereich. Am nächsten Tag abgenommen.

  3. 03.10

    Etappe 2: Startseite

    Alle 7 Abschnitte, Produktgalerien, Bewertungen als Text, Foto und Video, eine Vorlage für Landingpages.

  4. 05.10

    Etappe 3: Blog und der Rest

    Blog mit Sofortsuche, Artikelseite mit Inhaltsverzeichnis und ähnlichen Beiträgen, rechtliche Seiten, 404, SEO, Caching.

  5. 06.10

    Start und Übergabe

    Website live auf lingualife.online, Video und PDF-Anleitung, ein Projektarchiv.

04Drei Umgebungen: Änderungen ohne Risiko

Der Inhaber muss keinen Code anfassen und kann die Live-Website nicht kaputt machen: Jede Änderung läuft über die Testumgebung und geht erst nach seinem „Ja“ live.

lokalDev

Eine Kopie der Website auf dem Computer für Änderungen und Tests.

TestumgebungStaging

Passwortgeschützte Testversion. Jede Änderung aus GitHub landet automatisch hier, und hier bearbeitet der Inhaber die Inhalte.

lingualife.onlineProd

Die Live-Website. Hier kommt nichts ohne Freigabe und Backup an.

Nichts wird gelöscht, und jedes Live-Update beginnt mit einem Backup.

Bei Bedarf lässt sich die Website auch über einen KI-Assistenten verwalten: Er zeigt, was sich ändert, und überträgt es erst nach einem „Ja“.

05Der Inhaber verwaltet alles selbst

Das Theme besteht aus Standard-Blöcken von WordPress, deshalb sieht der Editor aus wie die Website und nicht wie ein Formular voller Felder.

Bearbeiten der Startseite in WordPress
Jeder Abschnitt der Startseite wird direkt im Editor bearbeitet
Eine Bewertung im Admin-Bereich hinzufügen
Bewertungen haben einen eigenen Bereich: Eine neue dauert eine Minute
Bibliothek fertiger Website-Blöcke
Fertige Blöcke für neue Seiten und Landingpages
  • Bewertungen als Text, Foto und Video ohne Code
  • Ein Feld legt den Telegram-Link für alle Buttons fest
  • SEO-Titel und Beschreibung für jede Seite
  • Die Website funktioniert auch mit ausgeschaltetem JavaScript
06Einweisung und Übergabe

Ich habe ein Video zur Pflege der Website aufgenommen und eine PDF-Anleitung erstellt, damit der Inhaber für Alltägliches keinen Entwickler braucht.

Ausschnitt aus der Video-Anleitung zur Website
Video „So pflegen Sie die Website“, 25 Min. mit Zeitmarken
Titelseite der PDF-Anleitung
Eine PDF-Anleitung mit 38 Seiten
Seite der Anleitung mit markiertem Screenshot
Jeder Schritt mit markiertem Screenshot
  • Ein Projektarchiv mit dem Code und dem kompletten Änderungsverlauf
  • Alle Zugangsdaten in einer Datei, verschickt über einen privaten Link
  • 30 Tage kostenlose Fehlerbehebung nach dem Start
07Was ich als Nächstes vorgeschlagen habe

Bestellungen, Antworten und Bewertungen laufen noch von Hand über Telegram. Ich habe ein separates Video und eine Präsentation dazu gemacht, was sich automatisieren lässt.

  • Ein KI-Assistent auf der Website, der Fragen beantwortet und Anfragen sammelt
  • Ein CRM mit Anfragen und Website-Statistik
  • Automatische Versandetiketten für Nova Poshta
  • Ein wöchentlicher KI-Bericht zu Verkäufen und Anfragen
  • Automatische Bitte um Bewertung nach dem Kauf

Das ist ein Vorschlag für die nächste Etappe, nicht Teil dieses Projekts.

Frame from the automation video
Automation video and deck
08Kundenbewertung
★★★★★

„Die Zusammenarbeit mit Yura war großartig. Seine Arbeit war hervorragend, schnell und hat meine Erwartungen übertroffen. Ich schätze seine Liebe zum Detail, seine Eigeninitiative und Hilfsbereitschaft. Ich freue mich auf künftige gemeinsame Projekte!“

Lingua Life · 🇺🇦 Ukraine · Fiverr

Die Aufgabe

Eine Marke für Englisch-Lernkarten und Lernsets brauchte eine schlanke Website nach einem fertigen Figma-Design, die der Inhaber selbst bearbeiten kann, mit Testumgebung und sicheren Updates.

Was ich gebaut habe

Ich habe ein individuelles WordPress-Block-Theme ohne Page Builder gebaut, genau nach Figma, mit drei Umgebungen (lokale Kopie, Testumgebung, Live-Website) und automatischem Deployment über GitHub. Live-Updates gibt es nur nach Freigabe durch den Inhaber. Gestartet mit vollständigem Backup, übergeben mit Video, PDF-Anleitung und komplettem Projektarchiv.

Ergebnis

Die Website ging 8 Tage nach der Freigabe auf lingualife.online live, der Inhaber pflegt die Inhalte selbst, und der Kunde hat eine 5★-Bewertung hinterlassen: „hat meine Erwartungen übertroffen“.

Brauchen Sie eine Website für Ihr Unternehmen?

Berechnen Sie die Kosten in 30 Sekunden oder schreiben Sie mir, und ich antworte mit Preis und Zeitrahmen.

TelegramAngebot anfordern