Success Story

KarLa e. V.

Neues Logo aus fünf Entwürfen und neun Farbwelten, eine Website für Familien, Eltern und Fachkräfte und eine Karriereseite mit direkter Bewerbung

KarLa begleitet seit 2007 Familien, Kinder und Jugendliche in schwierigen Lebenslagen, mit pädagogischen Fachkräften, die frei für den Verein arbeiten. Wir haben mit einem Workshop angefangen, das Logo neu entwickelt und die Website nach Zielgruppen neu aufgebaut, mit einer Karriereseite, über die sich Fachkräfte direkt bewerben. Seitdem betreuen wir die Website laufend.

Auf einen Blick

5 Logoentwürfe in der ersten Runde aus drei Richtungen, danach Feinschliff bis zur Freigabe
9 Farbwelten zur Auswahl gewählt wurden Orange und Türkis
8 Logofassungen im Paket Wortbildmarke und Icon je in vier Fassungen, als EPS, SVG, PDF, PNG und JPG
6 Hilfeformen direkt im Menü Familienhilfe, Erziehungsbeistandschaft, Videogestützte Beratung, Clearing, Schulbegleitung, Begleiteter Umgang
16 Bildmotive für die neue Website aufbereitet für die Seiten des Vereins, Nutzung mit dem Verein vereinbart

Eingesetzt in diesem Projekt.

  • WordPress
  • Miro
  • Canva

Ausgangslage

KarLa ist ein gemeinnütziger Verein und anerkannter Träger der freien Jugendhilfe in Stutensee. Auf der alten Website standen Hilfen, Elternangebote und Stellen in einer langen Menüspalte nebeneinander. Das Logo stand in weißer Schrift mit rotem L auf hellgrauem Grund, und wer sich als Fachkraft bewerben wollte, fand auf der Seite nur die Bitte, anzurufen oder an die allgemeine Mailadresse zu schreiben. Gewünscht war ein Auftritt, der Fachkräfte gewinnt und zugleich Familien und Eltern anspricht, ein Logo, das überall lesbar bleibt, und Inhalte, die das Team selbst pflegen kann.

Karla Ausgangslage Browser

Unsere Strategie

Diese fünf Grundsätze bestimmten die Reihenfolge der Arbeit und den Aufbau der Website.

  • Erst die Anforderungen, dann das Design: ein Workshop und ein schriftlicher Katalog als gemeinsame Grundlage
  • Die Marke zuerst: Logo und Farbwelt vor der fertigen Website, damit Website und Drucksachen zusammenpassen
  • Drei Zielgruppen, drei Wege: Familien finden die Hilfen, Eltern die Kurse, Fachkräfte die Bewerbung
  • Bewerben ohne Umweg: Fachkräfte schicken ihre Unterlagen direkt über die Karriereseite
  • Selbst pflegen können: Seitenbaukasten, Schulung und laufende Betreuung im Hintergrund

Was wir umgesetzt haben

Neben Logo und Website gehören eine Karriereseite mit Bewerbung, eine Schulung und die laufende Betreuung dazu.

Anforderungen und Konzept

Nach einem zweistündigen Workshop haben wir die Anforderungen in einem Katalog zusammengefasst, von den Zielen über Gestaltung und Inhalte bis zur Seitenstruktur.

Logodesign mit dem Verein

Die ersten Entwürfe bauten auf den Favoriten des Vereins auf, später kamen seine eigenen Ideen dazu, und den Feinschliff haben wir in zwei Gesprächen abgestimmt.

Logopaket für Web und Druck

Wortbildmarke und Icon in je vier Fassungen, vom Farbverlauf bis Weiß für dunklen Grund. Dazu Vektordateien, PDF für den Druck und Pixeldateien in drei Größen.

Website nach Zielgruppen

Gebaut mit einem Seitenbaukasten, damit der Verein Inhalte selbst pflegen kann. Die sechs Hilfeformen liegen als Sprungziele direkt im Menü, Eltern finden eine eigene Seite mit den Elternkursen. Die Texte der alten Seite haben wir übernommen und neu gegliedert, dazu kamen 16 aufbereitete Bildmotive.

Karriereseite mit Bewerbungsformular

Auf der Seite „Fachkräfte auf Honorarbasis gesucht“ steht jetzt ein Formular, über das sich Fachkräfte direkt bewerben und ihre Unterlagen gleich mitschicken.

Betreuung und Schulung

Seit dem Start betreuen wir die Website laufend. Dazu kam eine Schulung, damit das Team Inhalte selbst pflegen kann.

Neues Zeichen, klare Wege, direkte Bewerbung

karla-ev.de ist seit 2025 mit allen Seiten online: mit neuem Logo, einer Gliederung nach Familien, Eltern und Fachkräften und einer Karriereseite, über die Bewerbungen samt Unterlagen eingehen.
  • Logo aus fünf Entwürfen und den Ideen des Vereins entwickelt, als Paket für Web und Druck
  • Website mit sechs Hilfeformen, Seite für Eltern, Team, Verein und Aktuelles
  • Karriereseite mit Bewerbungsformular und Upload der Unterlagen, am Rechner und am Handy
  • Laufende Betreuung der Website, dazu eine Schulung für das Team
Der entscheidende Hebel
Wir haben bewusst mit einem Katalog angefangen und jede Etappe einzeln freigeben lassen. Bei einem Verein reden viele mit, und gut läuft es, wenn alle denselben Stand sehen. So stecken im fertigen Logo auch die Ideen des Vereins, und die Website folgt den Zielgruppen, die im Katalog festgehalten sind.

In diesem Projekt: Webdesign in Karlsruhe, Werbeagentur in Karlsruhe

Freigegebenes Logo von KarLa über zwei Handyansichten der neuen Website: links die Startseite mit „Wir stärken Familien in jeder Lebenslage“, rechts das Bewerbungsformular „Jetzt bewerben“ mit Upload für die Unterlagen
Jetzt starten

Vom Workshop bis zur Bewerbung.

Die Startseite vorher und heute, die Entwicklung des Logos, die neue Karriereseite und der Anforderungskatalog, mit dem alles anfing.

Website

Startseite vorher und heute

Statt Menüspalte und rotem Balken gibt es heute eine Startseite mit großer Überschrift, Kontaktknopf und der Farbwelt aus dem neuen Logo, weiter unten folgen die sechs Hilfen. Am Handy sitzt das Menü hinter einem Knopf, der Kontaktknopf steht direkt unter der Überschrift.

Alte Startseite von KarLa: Logo auf grauem Grund, roter Balken und Menü als Spalte links
Vorher
Startseite von KarLa heute: neues Logo, Überschrift „Wir stärken Familien in jeder Lebenslage“ und Kontaktknopf
Heute
Startseite von KarLa am Handy mit Menüknopf und Kontaktknopf unter der Überschrift
Heute am Handy
Hilfeformen im Menü
6
Zielgruppen mit eigenem Weg
3
alle Seiten online seit
2025
Website von KarLa ansehen

Vorher: letzte archivierte Fassung der alten Startseite. Heute: Stand 2026.

Logo

Vom ersten Entwurf zum freigegebenen Logo

In fünf Etappen vom alten Schriftzug zum neuen Zeichen, mit Rückmeldungen aus dem Verein zwischen den Schritten.

  1. 1Fünf Entwürfe. Zum Start lagen fünf Entwürfe aus drei Richtungen vor, abgeleitet aus den Favoriten des Vereins, jeder in mehreren Anordnungen.
  2. 2Ideen aus dem Verein. Der Verein brachte eigene Vorstellungen ein. Daraus entstand die Richtung mit Figuren unter einem Bogen.
  3. 3Neun Farbwelten. Neun Farbkombinationen zeigten, wie das Zeichen wirken kann. Die Wahl fiel auf Orange und Türkis.
  4. 4Feinschliff. In zwei Gesprächen standen die alte und die neue Anordnung der Figuren nebeneinander, danach kam die finale Fassung.
  5. 5Freigabe und Reinzeichnung. Der Verein gab das Logo frei. Danach folgte das Logopaket mit Wortbildmarke und Icon in je vier Fassungen, als Vektor und in drei Pixelgrößen.
Logoentwürfe
5
Farbwelten
9
Gespräche zum Feinschliff
2
Logofassungen im Paket
8
Karriere

Karriereseite: vom Hinweis zur Bewerbung

Früher endete die Seite für Fachkräfte mit der Bitte, anzurufen oder an die allgemeine Mailadresse zu schreiben. Heute folgt darauf direkt ein Formular: Name, Mail, Betreff, Nachricht und die Unterlagen als Datei. Das klappt auch am Handy.

Alte Karriereseite von KarLa: Text „Fachkräfte auf Honorarbasis gesucht“, am Ende die Bitte um Anruf oder Mail
Vorher
Bewerbungsformular auf der Karriereseite von KarLa heute mit Feldern für Name, E-Mail, Betreff, Nachricht und Upload der Unterlagen
Heute
Bewerbungsformular von KarLa am Handy mit Upload der Unterlagen
Heute am Handy
vorher
Hinweis auf Anruf oder Mail
heute
4 Felder und Upload

Vorher: letzte archivierte Fassung der alten Karriereseite. Heute: leeres Formular, Stand 2026.

Dokument

Anforderungskatalog

Nach dem Workshop haben wir auf sechs Seiten festgehalten, was der Verein braucht, von den Zielen über Gestaltung und Inhalte bis zur Seitenstruktur. Der Katalog war Grundlage für Angebot, Gestaltung und Umsetzung. Zu sehen sind die Titelseite, die Ziele und das Kapitel zu Gestaltung und Inhalten.

Seiten
6
Kapitel
8
Workshop
2 Stunden
AnforderungskatalogArbeitsbeispiel aus dem Projekt, Auszüge 1 / 2
Seite 1 von 2
Seite 2 von 2
Tippe auf eine Seite, um sie zu vergrößern.

Arbeitsbeispiel aus dem Projekt, Auszüge.

Willst du ähnliche Ergebnisse?

Du hast ein ähnliches Vorhaben? In 15 Minuten klären wir, was bei dir der erste Schritt wäre.

Mit Leadwerk sprechen

Erstgespräch auf uns · Unverbindlich

Willst du so ein Ergebnis für dein Unternehmen?

Schreib kurz, was du verkaufst und wo es gerade hakt. Wir melden uns persönlich bei dir und sagen dir ehrlich, ob und wie wir helfen können.

Adresse Zimmerstraße 3
76137 Karlsruhe

Warum hier kein Google-Partner-Abzeichen hängt

Fast jede Agentur zeigt es. Google vergibt es für drei Dinge, und keines davon ist dein Auftrag.

Keines der drei Kriterien misst, ob am Ende ein Auftrag herauskommt. Zwei messen Volumen und Prüfungen. Das dritte belohnt, wer Google folgt.

Wir haben das Abzeichen bewusst auslaufen lassen. Budgets richten wir danach aus, was sie bringen, nicht danach, was eine Auszeichnung voraussetzt.

Wenn du eine Agentur suchst, deren Auszeichnung davon abhängt, dass du mehr ausgibst, findest du viele. Wir sind nicht dabei.

Sieh dir lieber an, was bei unseren Kunden herauskommt. Das steht bei den Success Stories, mit Zahlen und mit Zeitraum.

Die drei Anforderungskategorien und ihre Schwellen stehen so in der Google-Ads-Hilfe, „Google Partner oder Premium-Partner werden“.

Warum hier kein Meta-Verified-Haken hängt

Den blauen Haken verkauft Meta im Abo, je Profil und Monat. Bezahlt wird vor allem für drei Dinge, und keines davon bringt dir eine Anfrage.

Gebraucht wird dieser Support vor allem, weil der Business Manager hakt. Gesperrte Werbekonten ohne nachvollziehbaren Grund, Prüfungen, die tagelang hängen, Zugriffe, die nicht greifen. Bezahlt wird also dafür, dass jemand antwortet, wenn Metas eigenes Werkzeug nicht funktioniert.

Das kennen wir aus unserer täglichen Arbeit. Wir lösen es mit sauber aufgesetzten Konten, dokumentierten Zugriffen und Erfahrung, nicht mit einem Abo.

Wenn du eine Agentur suchst, die mit einem gekauften Haken wirbt, findest du welche. Wir zeigen lieber, was bei unseren Kunden herauskommt: bei den Success Stories, mit Zahlen und mit Zeitraum.

Abzeichen, Schutz vor Nachahmung und Support beschreibt Meta so auf der eigenen Seite zu Meta Verified, Stand Oktober 2026.