+49 172 6067457 Kostenloses Erstgespräch

Personal-Brand-Website für eine Unternehmerin: Carina Holzapfel aus der Schweiz

Website / Personal Brand, Unternehmerin, Schweiz

Live ansehen

Kunde: Carina Holzapfel
Branche: Personal Brand, Unternehmerin, Schweiz
Dauer: 5 Tage
Live: carina-holzapfel.com
Leistungen: Konzept und Seitenstruktur
Webdesign
Entwicklung in Next.js
Logo mit Animation beim Seitenwechsel
Fassung auf Deutsch und Englisch
Warteliste mit Bestätigung per E-Mail
Technische Einrichtung bei Hostinger
Technik: Next.js
TypeScript
Tailwind CSS
Three.js
MySQL
Hostinger

So entsteht der Preis

01 / Auf einen Blick

Ausgangslage
Eine Unternehmerin mit zwei Firmen und zwei sehr verschiedenen Zielgruppen brauchte einen Auftritt, der nach ihr aussieht.
Lösung
Eine Startseite mit Video im Einstieg, zwei klaren Wegen und ihrem Werdegang als Zeitleiste. Dazu Logo, Kurse, Beratung und Warteliste.
Ergebnis
Nach fünf Tagen live, einen Tag später auch auf Englisch. Anmeldungen zur Warteliste gehen per E-Mail direkt an Carina Holzapfel.

5 Tagevom Start bis live
2 SprachenDeutsch und Englisch

02 / Ausgangslage

Wo das Projekt stand.

Carina Holzapfel ist Co-Founderin von Kiungo und BOOSTLi. Ihre Besucher kommen aus zwei Welten. Unternehmer wollen wissen, wie KI ihnen Arbeit abnimmt. Finanzprofis suchen Wege, mit KI das richtige Netzwerk aufzubauen.

Eine Personal-Brand-Website steht und fällt mit der Person. Die Seite durfte deshalb nicht wie ein Firmenauftritt wirken. Sie musste beide Zielgruppen außerdem in Sekunden an die richtige Stelle bringen.

03 / Die Lösung

Was wir gebaut haben, und warum.

Erklärung wählenEinfach gesagtFür Leute vom Fach

01
Ein Video und ihr Name im ersten Bildschirm
Oben läuft ein Video aus ihrem Arbeitsalltag: am Telefon, auf der Bühne und im Workshop. Darauf steht nur ihr Name. Mehr braucht der erste Eindruck nicht.
Eigene Schnittfassungen für Desktop und Handy, ausgeliefert als MP4 und WebM. Das Video lädt erst nach der Seite, damit Text und Bilder nicht warten. Bei reduzierter Bewegung erscheint das Standbild.
- Die Person statt eines Slogans
- Eigene Fassung für das Handy
- Das Video bremst die Seite nicht
02
Zwei Wege statt einer Seite für alle
Nach dem Einstieg wählen Besucher zwischen „Für Unternehmer“ und „Für Finanzprofis“. Jede Seite spricht ihre Zielgruppe in deren Tonlage an. Unternehmer persönlich, Finanzprofis förmlich.
Die beiden Wege sind große Bildkacheln und stehen bewusst nicht im Menü. Das Menü bleibt bei Kurse, 1:1 Beratung und Über mich. Darunter folgen Kacheln für Kurse, Beratung, Kiungo und BOOSTLi.
- Zwei große Einstiege auf der Startseite
- Eigene Ansprache je Zielgruppe
- Kurzes Menü mit drei Punkten
03
Der Werdegang als Zeitleiste
Bosch, Lufthansa Group, das erste eigene Unternehmen und ein Startup für Wasserstoff-Heizungen: Die Stationen stehen mit Jahr und Foto untereinander. Am Handy laufen sie beim normalen Scrollen seitlich durch.
Die Zeitleiste ersetzt den üblichen Lebenslauf. Am Handy bleibt die Bühne stehen, während die Stationen durchlaufen. Auf kleinen Geräten fällt sie auf eine einfache Liste zurück.
- Echte Stationen mit Jahreszahl
- Kein Wischen am Handy nötig
- Rückfall auf eine Liste bei wenig Platz
04
Ein Logo, das beide Firmen enthält
Das Logo zeigt einen Apfel aus Jahresringen und spielt so mit dem Namen Holzapfel. Im Kern steckt das o von Kiungo, im Stiel das i von BOOSTLi. Beim Seitenwechsel läuft eine kurze Animation.
Vektorlogo mit Fassungen für Kopfzeile, Fußzeile, Favicon und Share-Bild. Die Animation beruht auf einem 3D-Modell aus Three.js, das vorab gerendert wurde. Die Seite muss dafür kein 3D im Browser berechnen.
- Name als Bildidee
- Bezug zu Kiungo und BOOSTLi
- 3D-Animation ohne Last im Browser
05
Warteliste und eine Fassung auf Englisch
Für Kurse tragen sich Interessenten in eine Warteliste ein und bestätigen ihre Adresse per E-Mail. Die Anmeldung geht dann direkt an Carina Holzapfel. Die Seite gibt es auch auf Englisch.
Eigenes Formular als Dialog mit Speicherung in MySQL, Bestätigung per Knopf und Export als CSV. Die englische Fassung liegt unter /en, mit hreflang, eigenem Share-Bild und eigenen Motiven.
- Bestätigte Adressen statt Karteileichen
- Export als CSV
- Eigene Motive auf Englisch

04 / Das Ergebnis

5 Tagevom Start bis live

Fünf Tage nach dem Start war die Seite live, einen Tag später auch auf Englisch. Besucher finden in wenigen Klicks ihren Weg zu Kursen, Beratung oder Warteliste.

Live nach 5 Tagen
Zwei Zielgruppen mit je eigener Seite
Eigenes Logo mit Animation
Warteliste mit Bestätigung per E-Mail
Fassung auf Deutsch und Englisch

05 / Kurz erklärt

Personal Brand: Der öffentliche Auftritt einer Person. Sie selbst ist die Marke, nicht ihre Firma.
Warteliste: Eine Liste von Interessenten für ein Angebot, das noch nicht buchbar ist.
hreflang: Ein Hinweis an Google, welche Fassung einer Seite zu welcher Sprache gehört.
Next.js: Ein Werkzeug, um schnelle Websites als Code zu bauen.

Fragen, die dazu oft kommen.

Was gehört auf eine Personal-Brand-Website?

Die Person im ersten Bildschirm, ein klarer Weg für jede Zielgruppe und nachprüfbare Stationen. Bei Carina Holzapfel sind das Video, zwei Wege, Zeitleiste und Kundenstimmen.

Warum zwei Wege statt einer Startseite für alle?

Unternehmer und Finanzprofis haben andere Fragen und erwarten eine andere Ansprache. Deshalb hat jede Zielgruppe ihre eigene Seite mit eigenem Text.

Wie lange dauert eine Website auf zwei Sprachen?

Bei Carina Holzapfel war die deutsche Fassung nach fünf Tagen live, die englische einen Tag später. Die Texte lagen bereits vor. Den Zeitplan für Ihr Projekt klären wir im Erstgespräch.

Ähnliche Projekte