Neues Webdesign für Lily Claire
Mit ihrer neuen Musik – darunter die Singles «Je déteste les fêtes» (März 2025) und «Différent» (Mai 2025) – schlägt die Sängerin und Musikerin Lily Claire eine neue künstlerische Richtung ein. Diese Weiterentwicklung zeigt sich ab sofort auch in ihrem neuen Webauftritt: modern, edgy und selbstbewusst – ganz im Stil ihrer aktuellen Musik.
Im Auftrag von Lily Claires Management, der Capitano Music GmbH, durfte ich die Website lilyclaire.ch neu gestalten. Das vorher romantisch-verspielte Design wurde durch einen moderneren Look ersetzt. So entsteht ein visuelles Erscheinungsbild, das die künstlerische Neuausrichtung konsequent aufgreift und unterstreicht.
Visuelle Verbindung zur Musik
Die einzigen Vorgaben für das CI/CD waren die Verwendung der Schriftart «Vogue» für das Logo sowie die Umsetzung der Inhalte in englischer Sprache. Des Weiteren wurde die Website als Onepager umgesetzt – ein Format, das von der Kundin ebenfalls präferiert wurde.
Die bestehende Seitenstruktur der alten Website mit den Bereichen Live-Auftritte, About und Kontakt blieb ähnlich erhalten, wurde jedoch im neuen Design übersichtlich in den Onepager integriert. Ein neues Element war die Einbettung ihrer Musik, um Besucher:innen direkt einen Eindruck von Lily Claires Soundwelt zu ermöglichen.
In der gestalterischen Ausarbeitung hatte ich ansonsten freie Hand. Ich entschied mich bewusst für ein reduziertes, klares Design, das Raum für Inhalt und Ausdruck lässt. Bei der Farbwahl liess ich mich vom EP-Cover inspirieren: Der helle Oliveton (#A5A380) wurde gezielt daraus übernommen und bildet als Akzentfarbe die visuelle Brücke zwischen Musik und Webauftritt.
Folgend ein paar Eindrücke sowie die Designvorgaben:
Technik & Umsetzung mit Wix
Auf Wunsch der Kundin habe ich die Website mit Wix realisiert. Das ermöglicht es ihr und ihrem Team, zukünftige Inhalte oder kleinere Anpassungen eigenständig vorzunehmen – ganz ohne externe Unterstützung. Trotz der gestalterischen Einschränkungen von Wix konnte ich ein individuelles Design realisieren, das zur neuen Markenidentität von Lily Claire passt.
Hier geht’s zur fertigen Website: lilyclaire.ch
Foto-Credits:
Titelbild Digezz-Beitrag & About-Porträt: Robin Lohnke
Startseite & EP-Cover: Nick Soland
(vha)
Zu Beginn des Projekts fand ein Kickoff-Meeting mit dem Management Capitano Music GmbH statt, bei dem ich alle wichtigen Informationen und Erwartungen zur Umsetzung der neuen Website erhielt. Diese gemeinsame Grundlage half mir, die nächsten Schritte gezielt zu planen und die gestalterische Richtung festzulegen.
Für mich war es das erste Mal, dass ich mit Wix gearbeitet habe. Ich war positiv überrascht, wie schnell und benutzerfreundlich sich das System bedienen lässt. Trotzdem ersetzt das Tool keine Ideen: Die gestalterische Linie, die Seitenstruktur und das Zusammenspiel von Bild, Text und Layout musste ich mir natürlich selbst erarbeiten. Es hat eine Weile gedauert, bis ich mich gestalterisch festlegen und eine klare Richtung einschlagen konnte – dieser Prozess war aber wichtig und lehrreich.
Die Domain lilyclaire.ch war bereits vorhanden und musste vom bisherigen Hosting-Anbieter zu Wix übertragen werden, wobei dieser Schritt vom Management übernommen wurde. Dafür bildete ein zusätzlicher Aufgabenbereich meinersteits die Unterstützung bei den SEO-Einstellungen. Hier konnte ich mein Wissen aus dem bisherigen Unterricht einbringen – insbesondere beim Verfassen von Meta-Beschreibungen, Textstrukturierung und der richtigen Einbindung von Keywords.
Während des Projekts stand ich regelmässig mit der Capitano Music GmbH in Kontakt und konnte durch wiederkehrendes Zwischenfeedback sicherstellen, dass die Umsetzung ihren Erwartungen entspricht.
Insgesamt hat mir die Arbeit an diesem Projekt viel Freude bereitet. Ich konnte nicht nur neue Tools kennenlernen, sondern auch mein gestalterisches und technisches Wissen vertiefen. Mit dem Ergebnis bin ich sehr zufrieden – es widerspiegelt Lily Claires neue künstlerische Ausrichtung und bietet gleichzeitig eine funktionale und ansprechende Plattform für ihre Inhalte.