✦ Orbit Stats – wwjustus*

Praxis zur Wegwarte — Website & Corporate Identity

admin — Mon, 05 Feb 2024 14:16:00 +0000

Marke und Website für die Praxis zur Wegwarte

Eine junge Praxis brauchte ein Gesicht: Logo, Farbwelt, Typografie und eine Website, auf der Eltern in wenigen Sätzen verstehen, wer hier arbeitet und wie eine Anfrage abläuft. Identität und Umsetzung aus einer Hand.

Zur Live seite

Logodesign

Corporate Identity

Illustration

Webdesign

Onepager

Wordpress

RESPONSIVE

Kontext

Eine Praxis ohne Bild von sich selbst.

Kein visuelles Erbe

Neue Praxis, kein Logo, keine Farben, keine Schrift. Alles, was später auf Schild, Brief und Website erscheint, musste zuerst entstehen.

Zwei sehr verschiedene Leser

Eltern suchen Vertrauen und einen kurzen Weg zum Termin. Fachkräfte suchen Qualifikation, Verfahren und Supervisionsangebote. Beide auf einer Seite.

Nähe ohne Schwere

Therapie für Kinder und Jugendliche darf weder klinisch kühl noch verspielt wirken. Der Ton musste ruhig bleiben und trotzdem warm.

Marke

Der Name war schon das Bild.

Die Wegwarte wächst am Straßenrand, tief verwurzelt und geduldig. Genau das beschreibt die Haltung der Praxis, also wurde die Pflanze zur Marke: eine gezeichnete Blüte, kein Symbolbild aus dem Katalog.

Primär

Negativ

Bildmarke

Blüte als Bildmarke

Acht Blütenblätter, heller Kern, ruhige Kontur. Ab 24 Pixel steht die Blüte allein, als Favicon, Profilbild und Stempel.

Zweizeilige Wortmarke

"Praxis zur" leicht, "Wegwarte" kräftig. Der Name bleibt lesbar, das Gewichtsverhältnis führt das Auge direkt auf das prägende Wort.

Ein Bild, drei Größen

Dieselbe Zeichnung arbeitet als Favicon, als Logo in Navigation und Footer und großformatig als Illustration in der grünen Sektion und im Hero.

System

Fünf Farben, drei Schnitte, feste Anteile.

Die Palette kommt aus dem Logo, nicht aus einem Moodboard. Wie viel Fläche jede Farbe bekommt, ist Teil des Systems und nicht Sache des Tages.

Farbe

Weiß

#F7F8F3

Grün dunkel

#3F5B1A

Grün hell

#7CA83C

Blau dunkel

#1E4266

Blau hell

#4A82C0

Typografie

Montserrat

Begleiten. Stärken. Wachsen.

Logo und alle Überschriften. Ein Schnitt für die Marke und die Seite, damit beides zusammenklingt.

Instrument Sans

Begleiten. Stärken. Wachsen.

Fließtext und Navigation. Leicht gesetzt und großzügig im Zeilenabstand, damit lange Absätze ruhig bleiben.

Lora kursiv

"Beständig wie die Wegwarte am Wegesrand."

Nur für das Zitat und den Namen. Zwei Stellen auf der ganzen Seite, deshalb wirkt es dort auch.

Die Seite

Drei Fragen, drei Abschnitte.

Ein Onepager plus Kontaktseite. Die Reihenfolge folgt der Frage, die Eltern wirklich stellen: Was wird angeboten, wer macht das, wie melde ich mich.

Verfahren statt Begrüßung

Sechs Pills auf der Blütenfläche nennen die Verfahren sofort. Wer den Begriff vom Kinderarzt kennt, sieht in zwei Sekunden, ob er richtig ist.

Verhaltenstherapie

Traumatherapie

Mutismus

Vier Angebote, zwei Zielgruppen

Therapie und Supervision oben, Fallarbeit und Gruppenformat darunter. Chips ersetzen die Absätze, die sonst niemand liest.

Eltern

Fachkräfte

Der Name bekommt eine Seite

Eine grüne Vollfläche mit Zitat und der großen Blüte. Der einzige Ort, an dem die Seite laut wird, und genau dort steht die Haltung der Praxis.

Vollfläche

Lora kursiv

Vertrauen wird prüfbar

Fünf Stationen als Zeitleiste, links das Portrait sticky mitlaufend. Erfahrung liest sich schneller als jeder Lebenslauf.

Timeline

Sticky Portrait

Ergebnis

Eine Praxis, die man wiedererkennt.

Marke und Seite kommen aus demselben Bild. Vom Favicon bis zur Kontaktseite wirkt alles wie ein Stück, und die Praxis kann jedes weitere Format daraus ableiten.

1,1

Ladezeit · LCP mobil

100

Eigenes Design, kein Template

Projektziele erreicht

Ähnliches Projekt im Kopf?

Projekt anfragen

Unmarked — Website & Projektmanagement-Software

admin — Thu, 06 Feb 2025 08:27:12 +0000

Marke schützen. Service skalieren.

Website & Unmarked Service Manager

Meine Aufgabe

Für Unmarked Berlin habe ich die komplette digitale Präsenz konzipiert und umgesetzt. Von der Markenwebsite bis zur maßgeschneiderten Service-Software.

Entstanden ist ein perfektes System aus visueller Identität und einem eigens entwickelten WordPress-Plugin, das den gesamten Lifecycle der Schutzfolien-Dienstleistung digital abdeckt: von der Objektverwaltung über automatische Benachrichtigungen bis zum QR-gestützten Schadensmeldungs-Workflow.

Herausforderungen

Unmarked Berlin brauchte beides gleichzeitig: eine professionelle Außenwirkung und ein internes System, das Kunden, Objekte und Schäden endlich zentral verwaltet, statt über Excel-Listen und manuelle Absprachen.

Zwei Produkte, ein Auftritt

Wie lassen sich Website und Service-Software so gestalten, dass sie als ein zusammenhängendes System wirken und keine isolierten Lösungen entstehen?

Komplexe Software, einfache UX

Das Plugin verwaltet Objekte, Wartungstermine, Schadensmeldungen und Kundendaten gleichzeitig. Wie bleibt die Oberfläche trotzdem für alle Nutzergruppen intuitiv bedienbar?

Dual-Audience

Wie kann eine Plattform sowohl für interne Mitarbeiter im Admin-Backend als auch für externe Kunden im Frontend funktionieren, ohne Kompromisse in der Usability einzugehen?

QR-Workflow ohne Reibung

Wie wird ein physischer QR-Code auf einer Schutzfolie zum nahtlosen digitalen Einstiegspunkt ins Kundenportal, auch für wenig technikaffine Nutzer?

Vertrauen durch Transparenz

Wie kommuniziert eine Service-Plattform Zuverlässigkeit? Kunden brauchen jederzeit Einblick in den Status ihrer Objekte, anstehende Wartungen und offene Meldungen.

Wartbarkeit und Skalierung

Wie wird ein maßgeschneidertes Plugin so gebaut, dass Unmarked es langfristig selbst pflegen kann und es problemlos mit dem Unternehmen mitwächst?

01 — WEBSITE

Design und Entwicklung der Unternehmenswebsite

Unmarked Berlin hatte bis dahin keine eigene Webpräsenz, die der Qualität ihrer Arbeit gerecht wurde. Die neue Website sollte das ändern: klar, urban, vertrauenswürdig und als erster Touchpoint potenzielle Kunden direkt ansprechen.

Entwickelt auf WordPress mit eigenem Designsystem, vollständig responsiv und auf Conversion ausgelegt. Jede Section folgt einer klaren Informationshierarchie: Was macht Unmarked, warum ist das relevant, wie nimmt man Kontakt auf.

unmarkedberlin.de

Bonusstruktur reduziert auf klare Schritte.

Vorgehen

Analyse

Prüfung der Bonuskommunikation und Identifikation von Verständnisbarrieren. Ziel war eine klare und nachvollziehbare Entscheidungsstruktur.

Konzeption

Strukturierung der Inhalte entlang einer logischen Argumentation. Reduktion auf das Wesentliche mit klarer visueller Hierarchie.

Investor Fokus

Sachliche Einordnung der Bonusaktion im Kontext des Beteiligungsmodells. Transparenz und Vertrauen standen im Mittelpunkt.

Optimierung

Feinabstimmung von Struktur, Call to Action und mobiler Darstellung. Fokus auf Verständlichkeit und Interaktion.

Details

Service Engineer — Website-Relaunch

admin — Tue, 06 Aug 2024 07:26:55 +0000

soon...