
LMWY
UX/UI-Konzept und komplette Markenidentität für eine All-in-One Content Creator App — von Grund auf erschaffen. Das Branding trägt heute die gesamte Marke LMWY: App, Shop, Website und gedrucktes Journal.
Überblick
01 —Auf den ersten Blick
Lisa-Marie Schiffner, Content Creatorin, kannte das Problem aus eigener Erfahrung. Für jeden Schritt der Content-Erstellung, also bearbeiten, planen, posten und austauschen, brauchte sie eine andere App. Ihre Vision war eine einzige Plattform, die alles vereint. Vorhanden waren eine klare Idee und eine Liste an Funktionen. Es fehlte alles dazwischen: Wie wird daraus ein Produkt, das man intuitiv bedienen kann, und wie sieht die Marke überhaupt aus?
Genau das war meine Aufgabe. Ich habe das komplette UX/UI für die LMWY-App entwickelt, von der gesamten Nutzerführung bis zu jedem Klickpfad, und dazu die Markenidentität von Grund auf erschaffen: Logo, Farben und Typografie. Dieses Branding lebt heute nicht nur in der App, sondern trägt die gesamte Marke LMWY, vom Online-Shop über die Website bis zum gedruckten Journal.
02 —Die Ausgangslage
Lisa-Marie kam mit einer starken, persönlich motivierten Vision zu mir: eine All-in-One-Creator-App, die Foto- und Videobearbeitung, Content-Planung und eine Community-Plattform an einem Ort vereint. Die Idee entstand aus ihrem eigenen Alltag als Creatorin und aus dem Frust, ständig zwischen einzelnen Spezial-Apps hin- und herzuspringen.
Aus dieser täglichen Erfahrung wusste sie sehr genau, was die App können sollte, und hatte ein feines Gespür dafür, welche Funktionen unbedingt hineingehörten. Konzept, Idee und sogar erste Skizzen lagen bereits vor. An visuellen Assets existierte allein der fertige Icon-Satz.
Was fehlte, war der Weg von dieser Funktionsliste zu einem tatsächlichen Produkt. Welche Funktion wohin gehört, was man antippt, um wohin zu gelangen, wie sich die Architektur der App aufbaut, all das war offen. Genauso fehlte eine visuelle Identität: kein Farbkonzept, kein Logo, keine Designsprache.
03 —Die Herausforderung
Eine App, die alles können soll, gehört aus UX-Sicht zu den anspruchsvollsten Aufgaben überhaupt. Je größer der Funktionsumfang, desto höher das Risiko, dass ein Produkt überladen und am Ende unbenutzbar wird. Die eigentliche Aufgabe lag deshalb nicht im Unterbringen der Funktionen, sondern im Ordnen: Sie mussten sich trotz ihrer Menge leicht und selbsterklärend anfühlen.
Dazu kam, dass es keinen Rahmen gab, an dem ich mich hätte orientieren können. Struktur und Erscheinungsbild von LMWY entstanden parallel und beide von Grund auf. Ich legte gleichzeitig fest, wie sich die App bedient und wie die Marke aussieht, klingt und wirkt.
04 —Meine Rolle
Mein Verantwortungsbereich war breit und lag im Kern des Produkts:
- UX-Konzept und Informationsarchitektur: Ich habe die gesamte Nutzerführung entwickelt. Welche Funktion wo lebt, was angetippt wird, um wohin zu gelangen, und wie sich Nutzer:innen durch die App bewegen. Genau das Wissen, das auf Kundenseite noch fehlte, habe ich beigesteuert.
- UI-Design: Das komplette visuelle Interface der App, clean, benutzerfreundlich und auf eine angenehme Bedienung ausgelegt.
- Branding from scratch: Logo, Farbkonzept und Typografie. Die gesamte visuelle Identität von LMWY stammt aus diesem Projekt.
Die Icons selbst wurden im Vorfeld von einer Grafikdesignerin erstellt. Ihre eigenständige Bildsprache verleiht der App einen eigenen Charme, den ich in das Interface integriert habe.
Ehrlich gehört auch dazu, was nicht in meinem Aufgabenbereich lag: die Vermarktung und die Preisgestaltung der App.
05 —Der Prozess
Den Kern dieses Projekts bildeten zahlreiche, sehr persönliche Konzeptgespräche mit Lisa-Marie. Darin habe ich ihre Vision und ihre Funktionswünsche aufgenommen und Schritt für Schritt in eine funktionierende Produktstruktur übersetzt. Sie brachte das Was, ich das Wie.
Auf dieser Basis entstanden viele Entwürfe mit verschiedenen Ansätzen, wie sich die Vielzahl an Funktionen sinnvoll, übersichtlich und intuitiv anordnen lässt. Iteration für Iteration wuchs eine Nutzerführung, die den Funktionsumfang bändigt, statt von ihm überrollt zu werden.
Vier Bereiche, eine Logik
Ein zentraler Baustein aus der frühen Konzeptphase war die Aufteilung der App in vier klar getrennte Bereiche: Edit, Creative, Filter und Video. In jedem Bereich erledigt man eine andere Aufgabe, und jeder Bereich hat eine eigene Farbe. So orientieren sich Nutzer:innen sofort und wissen jederzeit, wo sie sich befinden.
Jeder Bereich bringt seine eigenen Werkzeuge mit. Der Aufbau der Tool-Navigation bleibt dabei überall identisch. Wer die Bedienung einmal verstanden hat, findet sich in jedem Bereich sofort zurecht und muss nichts Neues lernen. Diese Kombination aus farblicher Trennung und gleichbleibender Bedienlogik war der Schlüssel, um den großen Funktionsumfang beherrschbar zu halten.
Der Community-Bereich war als lebendiger, wiederkehrender Anreiz gedacht. Die Idee: regelmäßige Challenges, über die Nutzer:innen neue Filter und Inhalte freischalten können. So sollte aus einem reinen Werkzeug ein Ort werden, an den man immer wieder zurückkehrt.
06 —Namensfindung und Logo
Bevor es ein Logo geben konnte, brauchte es einen Namen, und der stand lange nicht fest. Lisa-Marie war sich selbst noch nicht sicher, wie die App überhaupt heißen sollte.
Wir haben deshalb viele Richtungen durchgespielt und Kombinationen mit dem Kürzel LMWY getestet: LMWY Studio, Lab, Home, Space, Universe und einige mehr, begleitet vom Slogan „home of creativity". Dieses „Home"-Konzept habe ich weitergedacht und in ersten Logo- und App-Icon-Ideen aufgegriffen, etwa als visuelle Anspielung auf ein Zuhause für Kreativität.
Am Ende hat sich Lisa-Marie bewusst für die schlichteste Lösung entschieden: ein reines Buchstabenlogo aus der Abkürzung von „Lisa-Marie We You". Kein Zusatz, kein Bildzeichen, nur die vier Buchstaben. Genau diese Reduktion macht das Logo heute so tragfähig. Es funktioniert auf jedem Medium, vom App-Icon über den Shop bis zum gedruckten Journal.
07 —Das Design System
Damit die App trotz ihres Umfangs zusammenhält, habe ich ein kompaktes, konsequentes System aus Farbe, Typografie und Designsprache aufgebaut. Es hält alle Bereiche zusammen und lässt sich über die App hinaus auf die gesamte Marke übertragen.
Farbwelt
Die Palette bleibt bewusst reduziert und ruhig, damit die Inhalte der Creator:innen im Vordergrund stehen und die Bedienelemente sich zurücknehmen.
Sandbeige
#BEAF9C
Leitfarbe der Marke. Trägt Header, primäre Buttons und Akzente.
Salbeigrün
#9FA193
Gedämpfter, ruhiger Gegenpol für sekundäre Flächen.
Schiefergrau
#404952
Tiefer Kontrast für Text, dunkle Buttons und den Community-Bereich.
Off-White
#F8F8F8
Helle Grundfläche, die dem Interface Luft gibt.
Typografie
Zwei Schriften, klar getrennt in ihrer Aufgabe:
- Playfair Display für alle Headings. Die Serifen geben der Marke etwas Editorielles und Hochwertiges, das man schon im Logo und in den Seitentiteln wiedererkennt (etwa in „Content Planer", „Week Planer" oder „Community").
- Poppins für alles Weitere: Fließtext, Labels, Buttons und Navigation. Die geometrische Grotesk hält die Bedienung klar und modern und bildet einen bewussten Kontrast zur verspielten Überschrift.
Content Planer
Playfair Display
Headings — editoriell und hochwertig
home of creativity
Poppins
Fließtext, Labels, Buttons und Navigation
Dieses Zusammenspiel aus eleganter Serifenschrift und klarer Grotesk ist der typografische Fingerabdruck von LMWY und zieht sich heute durch alle Medien der Marke.
Designsprache: modern, aber verspielt
Das gestalterische Ziel war, die App modern zu halten und gleichzeitig bewusst kreativ und ein wenig verspielt wirken zu lassen, in den Interaktionen ebenso wie in der Farbigkeit. LMWY sollte sich nach einem Kreativwerkzeug anfühlen und nicht nach einem nüchternen Tool.
Zur Projektzeit waren Skeuomorphismus und Glass-Optik ein großes Gestaltungsthema, und das Design lehnt sich sichtbar daran an. An mehreren Stellen arbeite ich mit leicht transparenten, milchig durchscheinenden Elementen. Das hat zwei Gründe. Erstens passt es zum zeitgemäßen Look. Zweitens, und das ist der wichtigere Grund, bleibt so der Fokus auf dem eigentlichen Inhalt. Beim Bearbeiten eines Fotos oder Videos legen sich die Bedienelemente als gläserne Ebene über das Bild, ohne ihm die Aufmerksamkeit zu stehlen. Genau dafür funktioniert Glass hervorragend.
Dazu kommen wiederkehrende Gestaltungsprinzipien, die dem Interface seinen Charakter geben:
- Weiche, großzügig gerundete Karten mit sanften Schatten als Grundbaustein fast aller Screens.
- Runde, gläserne Steuerelemente für Aktionen wie Zurück, Teilen oder Suchen, die auf dem Medium schweben.
- Verspielte, handgezeichnete Linien als Detail, etwa im Community-Bereich, wo lockere Kurven die einzelnen Karten miteinander verbinden und dem strukturierten Aufbau etwas Menschliches geben.
- Klare, ruhige Flächen aus viel Off-White, die den warmen Farben und den Inhalten Raum lassen.
08 —Zusammenarbeit mit den Entwicklern
Die Umsetzung übernahmen externe Entwickler, die Lisa-Marie engagiert hatte. Die Zusammenarbeit lief vollständig remote. Ich habe strukturierte Figma-Handouts übergeben, die alle nötigen Spezifikationen und Interaktionslogiken enthielten.
Der Ablauf verlief reibungslos, ein gutes Beispiel dafür, dass durchdachte, sauber dokumentierte Design-Übergaben den entscheidenden Unterschied machen, gerade in einem rein remote aufgestellten Team. Diese Klarheit in der Handover-Phase sorgt dafür, dass aus einem Design auch wirklich das Produkt wird, das gedacht war.
09 —Das Branding, das zur ganzen Marke wurde
Der für mich schönste Teil dieses Projekts hat sich erst im Nachhinein in seiner vollen Tragweite gezeigt.
Als ich Logo, Farbwelt und Typografie entwickelte, war der Auftrag, eine Identität für die App zu schaffen. Heute sehe ich, dass dieses Branding längst mehr geworden ist. Es trägt die gesamte Marke LMWY: den Online-Shop, die Website und bis hin zum gedruckten „Content Planner & Selfcare Journal". Aus einer App-Identität ist die visuelle Grundlage eines ganzen Unternehmens geworden, das weiter wächst und auf diesem Fundament aufbaut.
Für mich ist das die wertvollste Art von Designarbeit: eine, die über den ursprünglichen Auftrag hinaus Bestand hat und zur tragenden Identität von etwas Größerem wird.
Ergebnisse und Wirkung
10 —Ergebnisse und Wirkung
- Aus einer unstrukturierten Idee wurde ein fertiges, bedienbares Produkt. Die LMWY-App ging im App Store live, mit der von mir entwickelten Nutzerführung und Designsprache als Fundament.
- Das Branding trägt heute die gesamte Marke. Logo, Farben und Typografie, ursprünglich für die App entwickelt, prägen inzwischen Shop, Website und Printprodukte von LMWY.
- Ein tragfähiges Design System aus Farbwelt, Schriftpaarung und Bereichslogik hält die App zusammen und lässt sich über sie hinaus auf jedes Medium der Marke übertragen.
- Eine langfristige Vertrauensbeziehung. Lisa-Marie hat mich über mehrere Projektphasen hinweg immer wieder hinzugezogen, für das ursprüngliche Konzept, für ein zusätzliches Feature und für die Aufbereitung der App-Store-Assets.
11 —Stimme der Kundin
Für eine App wie LMWY, die Foto- und Videobearbeitung mit Content Planung kombiniert, ist eine intuitive Nutzerführung alles. Ipek hat diese komplexe Herausforderung im UI/UX-Design perfekt gelöst. Das Interface ist super clean, extrem benutzerfreundlich und macht einfach Spaß. Wer eine Designerin sucht, die kreatives Denken mit starker UX-Struktur verbindet, ist bei Ipek genau richtig! 💪🏻
Lisa-Marie Schiffner
Gründerin von LMWY
12 —Reflexion
Dieses Projekt zeigt für mich exemplarisch, was gutes UX-Design wirklich leistet: nicht das Hinzufügen von Funktionen, sondern das Ordnen von Komplexität. Die größte Wertschöpfung lag darin, eine Vision, die nur als Funktionsliste existierte, in eine klare, bedienbare Struktur und in eine eigenständige Marke zu übersetzen.
Ehrlich gehört dazu auch der Blick auf den Scope. Wie bei vielen Produkten hat sich die App nach meiner Designübergabe eigenständig weiterentwickelt. Einige der frühen Konzepte sind im heutigen Live-Stand nicht in dieser Form umgesetzt und Menüpunkte oder gestalterische Details sind unabhängig hinzugekommen und verändert worden. Das ist der normale Lauf eines lebenden Produkts. Mein Beitrag war das Fundament: die Nutzerführung, das ursprüngliche Interface und die Markenidentität, auf der LMWY bis heute aufbaut.