Coaching und Beratung

Programme, Pakete, Methoden, Erstgespräche und Ergebnisse.

2 Components · 10 Variants

Kategorie wechseln

coaching

Coaching

Für Coaches und Mentorinnen. Programme mit Ratenzahlung, der Weg durch die Wochen, ein kostenloses Erstgespräch, Ergebnisse von Kunden mit Zahlen vorher und nachher und ein ehrlicher Passt-das-Check.

Programme
Ablauf
Erstgespräch
Ergebnisse
Passt-das-Check

Props und Details

Programme

Programmkarten mit Dauer, Terminen und Inhalt. Ein gleitender Schalter zeigt Ratenzahlung, der Preis gleitet auf den neuen Wert. Ein Licht läuft um das Hauptprogramm.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/coaching

Bringt mit utils, kit, button, icon, motion, section

Usage

<Coaching variant="programs" programs={[{ id, kind, title, length, sessions, price, months, includes, featured }]} />

Source

Ablauf

Die Phasen eines Programms auf einer Linie, die sich beim Scrollen füllt. Die Phase in der Bildmitte leuchtet auf, jede sagt, was am Ende fertig ist.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/coaching

Bringt mit utils, kit, button, icon, motion, section

Usage

<Coaching variant="journey" phases={[{ id, weeks, title, text, outcome, icon }]} />

Source

Erstgespräch

Ein kostenloses Erstgespräch. Einen der nächsten Werktage wählen, dann eine Uhrzeit, belegte Zeiten bleiben sichtbar. Zwei kurze Fragen erscheinen, die gewählte Zeit steht daneben.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/coaching

Bringt mit utils, kit, button, icon, motion, section

Usage

<Coaching variant="discovery-call" coach={{ name, role, photo }} slots={["09:00", "10:30"]} minutes={30} onBook={(data) => …} />

Source

Ergebnisse

Kundinnen und Kunden mit einer Zahl vorher und nachher. Die neue zählt von der alten hoch, zwei Balken vergleichen, die Veränderung steht daneben. Ein gleitender Filter nach Ziel.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/coaching

Bringt mit utils, kit, button, icon, motion, section

Usage

<Coaching variant="results" results={[{ id, name, role, goal, metric, before, after, unit, time, quote, avatar }]} />

Source

Passt-das-Check

Für wen es ist und für wen nicht, nebeneinander. Dann vier Ja-Nein-Fragen nacheinander, ein Ring füllt sich, am Ende eine ehrliche Antwort mit dem nächsten Schritt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/coaching

Bringt mit utils, kit, button, icon, motion, section

Usage

<Coaching variant="fit-check" forYou={["…"]} notForYou={["…"]} questions={["…"]} callHref="#call" />

Source

consulting

Beratung

Für Beraterinnen und kleine Beratungen. Pakete, die sich mit Leistungen öffnen, die Methode als Kreis, ein Aufwandsrechner, Referenzen mit Zahlen und ein Briefing in drei Schritten.

Pakete
Methode
Aufwandsrechner
Referenzen
Briefing

Props und Details

Pakete

Feste Pakete als Zeilen mit Umfang, Dauer und Preis ab. Eines öffnet sich mit Leistungen und für wen es passt, eine Leiste wächst an seiner Kante.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/consulting

Bringt mit utils, kit, button, icon, motion, section

Usage

<Consulting variant="packages" packages={[{ id, title, summary, length, price, deliverables, fit, icon }]} />

Source

Methode

Die Phasen auf einem Kreis, der Bogen füllt sich bis zur gewählten Phase, eine innere Linie läuft. Jede Phase öffnet sich mit Tätigkeiten und Ergebnis, Pfeile und Pfeiltasten wechseln.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/consulting

Bringt mit utils, kit, button, icon, motion, section

Usage

<Consulting variant="method" phases={[{ id, title, text, activities, result, icon }]} />

Source

Aufwandsrechner

Ein paar Regler zum Projekt ergeben Beratertage und eine Preisspanne. Die Tage füllen eine Reihe aus Blöcken, Zahlen gleiten, ein Licht läuft um das Ergebnis.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/consulting

Bringt mit utils, kit, button, icon, motion, section

Usage

<Consulting variant="estimator" factors={[{ id, label, min, max, step, value, days, unit }]} baseDays={4} dayRate={1400} />

Source

Referenzen

Ein Kunde nach dem anderen hinter Logo-Tabs. Ausgangslage, Vorgehen und Ergebnis nebeneinander, die Zahlen zählen hoch, ein Zitat des Kunden daneben.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/consulting

Bringt mit utils, kit, button, icon, motion, section

Usage

<Consulting variant="references" references={[{ id, client, industry, logo, challenge, approach, result, numbers, quote }]} />

Source

Briefing

Ein Briefing in drei Schritten, Thema, Lage und Kontakt. Eine Fortschrittslinie füllt sich, jeder Schritt gleitet von seiner Seite herein, vor dem Senden eine Zusammenfassung.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/consulting

Bringt mit utils, kit, button, icon, motion, section

Usage

<Consulting variant="brief" topics={["Strategy", "Organisation"]} onSubmit={(data) => …} />

Source

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Coaching und Beratung stehen.

Programme

Ablauf

Erstgespräch

Ergebnisse

Passt-das-Check

Pakete

Methode

Aufwandsrechner

Referenzen

Briefing

Ähnliche Components, Wird oft kombiniert mit

Ähnliche Components

Wird oft kombiniert mit