IMMA Collective | Online Community

Nachhaltiger Brand-Refresh für eine Solopreneurin mit Vision

€ € € € € 5 Seiten 4 Wochen
Figma
WordPress
Screenshot der neuen IMMA Collective Homepage

Solopreneur Website

Auf einen Blick

Lilli Graf, Gründerin des IMMA Collective, hat mich beauftragt ihr Branding auf’s nächste Level zu heben. In dem Zuge haben wir die Website auf eine nachhaltige Plattform umgezogen, um auch hier die das Engagement der Community für Nachhaltigkeit und Social Impact widerzuspiegeln. Die neue Website ist der Ankerpunkt um neue Mitglieder für die IMMA-Community anzuziehen.

Zur Website: immacollective.com

Unser Fokus

  • Einfachere Nutzerführung für Solopreneur*innen und Organisationen
  • Eine Branding mit mehr Persönlichkeit und Feinschliff
  • Performance-, SEO- und Nachhaltigkeitsoptimierung
  • Ein Backend, das sich solo leicht pflegen lässt

Unterstützung: Isabelle Drury (Texte)

Screenshots der 3 Verkaufsseiten für die IMMA-Programme

Worauf Lilli stolz sein kann

0,6 s Ladezeit
0,03 g CO2-Emissionen
100% Barrierefreiheit
0 Cookies
  • Ich habe mir heute die alte und die neue Website angeschaut – es ist wirklich eine totale Transformation.
    Die Zusammenarbeit mit Steffi war ein Vergnügen und eine rundum großartige Erfahrung. Sie ist strukturiert, organisiert und bringt jede Menge gute Ideen mit.
    Porträt von Lilli Graf
    Lilli Graf
    Gründerin des IMMA Collective

Klingt nach dem, was Du brauchst?

Lass uns in einem kostenlosen Clarity Call über Deine Website sprechen.

  • kostenloses Website-Feedback
  • individuelles Angebot
  • Kein Verkaufsdruck
Ein Mockup der Verkaufsseite für „Nurture“ mit Text über einem Hintergrundbild.
11,9 s Ladezeit
0,53 g CO2-Emissionen
Website Carbon Rating E
Carbon-Rating

Der Anfang: Was Lilli gebraucht hat

Lilli wollte ihre Website aufs nächste Level bringen.

IMMA hat im Moment eher ein “gut genug”-Branding und die Website wirkt ein bisschen unfertig. Ich brauche Unterstützung bei Layout, Bildern und Grafikelementen, damit das Ganze stimmiger und hochwertiger wirkt.

—Lilli Graf, Gründerin des IMMA Collective

Im ersten Gespräch wurden schnell die Ziele klar:

  1. Marke schärfen: Die alte Website wurde IMMA und Lillis Liebe zum Detail nicht gerecht. Der Relaunch sollte eine Weiterentwicklung werden, aber kein kompletter Neuanfang.
  2. Inhalte und Funnel aktualisieren: Die beiden Kernangebote „Seed“ und „Nurture“ hatten sich weiterentwickelt. Dafür hatte Lilli neue Texte schreiben lassen – inklusive Quiz und E-Mail-Serie zum Reinschnuppern.
  3. Nachhaltig und wertebasiert: Die alte Seite lief auf Squarespace, was die Performance beeinträchtigte und auch nicht zu IMMA’s Werten passte. Der Umzug auf eine nachhaltige Plattform war längst überfällig.
  4. Zielgruppengerecht kommunizieren: IMMA richtet sich an zwei Gruppen: Solopreneur*innen, die sich Unterstützung wünschen, und Organisationen, die Expert*innen suchen. Die alte Seite vermischte beide Zielgruppen an mehreren Stellen, was zu Verwirrung führte.

Der Prozess: Das IMMA-Branding auf ein neues Level heben

Typografie

IMMA startete ursprünglich mit den Schriften Raleway und Playfair Display. Playfair wurde später wieder gestrichen – zu schwer lesbar. Doch nur mit Raleway wirkte das Ganze etwas blass und charakterlos.

Ich habe Raleway daher mit DM Serif Text kombiniert – eine Schrift, die nicht nur für große Texte gedacht ist, sondern auch gut lesbar mit ähnlich viel Persönlichkeit. So bekommt das Design mehr Tiefe, ohne an Klarheit zu verlieren.

Typografie-Beispiele der verschiedenen Schriftkombinationen für Überschriften und Fließtext

Farben

Die bestehende Farbpalette war auf vielen Kanälen im Einsatz und prägte das visuelle Erscheinungsbild von IMMA. Für’s Web brauchte es eine Variante, die den Charakter der Marke bewahrt und gleichzeitig Barrieren reduziert.

Ich habe knallige Farben und starke Kontraste wie reines Schwarz oder Weiß durch weichere Töne ersetzt. Akzentfarben kommen jetzt gezielt und sparsam zum Einsatz.

Farbmuster der originalen und angepassten Farben

Formen

Um leichtgewichtig für etwas Abwechslung zu sorgen, habe ich einige Formen gestaltet, die für Naturelemente stehen. Sie tauchen bei Fotos und grafischen Elementen auf und lassen sich auch für Social Media und andere Designs wiederverwenden.

Ein Beispielabschnitt mit Porträtfotos von IMMA-Kollektivmitgliedern mit den charakteristischen Formen
Ein Mockup der neuen Verkaufsseite mit einem eingebettenen Video
99% Performance-Rating
100% Barrierefreiheit
100% SEO
Website Carbon Rating A+
Carbon-Rating

Ergebnisse und Wirkung

Warum diese Website funktioniert

Sie bringt Lillis und IMMA Persönlichkeit rüber, holt die richtigen Besucher*innen ab und schafft Vertrauen – vom ersten Scroll an. Erst die Strategie. Dann das Design.

  • Klare Struktur: Die Inhalte sind jetzt sauber aufgeteilt – mit eigenen Seiten für verschiedene Zielgruppen und Angebote.
  • Durchdachter Funnel: Der Newsletter mit neuer Willkommensstrecke und ein Quiz für Solopreneur*innen sind gezielt eingebunden.
  • Luftige Layouts: Weniger Textblöcke, mehr Übersicht – so lässt sich die Seite leichter lesen und erfassen.
  • Website in eigener Hand: Dank WordPress-Einführung, Vorlagen und nachhaltigen Content-Guidelines kann Lilli ihre Seite jetzt eigenständig pflegen.
  • Nachhaltiger Webauftritt: Die neue Website erfüllt ökologische und soziale Standards – und ist nicht nur schön, sondern auch effizient und barrierefrei. Die CO₂-Bilanz der Startseite wurde um 89 % gesenkt – von 0,53 g auf 0,06 g pro Seitenaufruf.
  • Blitzschnelle Ladezeiten: Die Page Speed ging von 11,9 Sekunden auf Desktop runter auf nur 0,4 Sekunden – mobil auf 1,0 Sekunden. Das frustriert wirklich niemanden mehr.

Deine Website soll genauso hart arbeiten wie du?

Ich habe ein erprobtes Framework für Solopreneur*innen entwickelt. Es hilft dir, die richtigen Kund*innen anzuziehen, Zeit zu sparen und nachhaltig zu wachsen.

Bereits überzeugt?
Dann lass uns besprechen, wie wir deine Website neu denken – und mehr aus ihr rausholen.