CityScope
Mein erster interaktiver Website-Prototyp in Figma, eine Plattform für personalisierte Stadttouren und versteckte Schätze in Lübeck.
Jahr2024
ModulResponsive Webdesign
BereichWebdesign & Prototyping
ToolFigma
Das Projekt: Meine ersten Schritte im Webdesign
CityScope entstand im Rahmen des Moduls "Responsive Webdesign". Es war mein allererstes Projekt, bei dem ich mich intensiv mit Webdesign und Prototyping auseinandergesetzt habe. Die Aufgabe war es, eine Website komplett in Figma zu konzipieren – von der ersten Idee über das visuelle Design bis hin zum interaktiven Klick-Dummie. Da ich vorher noch nie mit Figma gearbeitet hatte, war es eine steile Lernkurve, die Interaktionen so zu bauen, dass sich der Prototyp wie eine echte Anwendung anfühlt.
Problem & Vision: Den Blick schärfen
Viele junge Menschen, die neu in eine Stadt wie Lübeck ziehen, kennen ihre Umgebung oft nur oberflächlich. Man läuft auf gewohnten Pfaden zum Studium oder zur Arbeit, ohne die versteckten Schätze der Stadt wirklich wahrzunehmen. Bestehende Stadtführungen sind oft auf ein älteres Publikum zugeschnitten und legen den Fokus meist nur auf historische Jahreszahlen.
CityScope bietet hier eine moderne Alternative: Eine digitale Plattform für personalisierte Touren, die sich an individuellen Interessen orientiert und dazu einlädt, die eigene Umgebung bewusster zu erleben. Es geht um Achtsamkeit, Verbundenheit und das Entdecken von Orten, die zum eigenen Lifestyle passen.
Zielgruppe & Personas
Bei der Entwicklung standen verschiedene Personas im Fokus: Lara, die sich nach ihrem Umzug vom Dorf in die Stadt noch etwas verloren fühlt; Lukas, der Natur und Entspannung sucht; und Max, der als moderner Nomade vor allem Orte zum Socialising entdecken will. CityScope hilft ihnen dabei, genau die Orte zu finden, an denen sie sich wohlfühlen – egal ob es um Kunst, Kultur oder den perfekten Urban Matcha geht. Der Fokus liegt dabei ganz klar auf einer jungen, modernen Zielgruppe, die sich von staubigen Stadtführungen abheben möchte.
Design & Tonality
Visuell wollte ich eine Brücke zwischen Lokalpatriotismus und moderner Ästhetik schlagen. Das Farbschema setzt auf ein tiefes Dunkelgrün, das Bodenständigkeit vermittelt, kombiniert mit warmen Weißtönen für einen cleanen, zeitgemäßen Look. Akzentfarben habe ich dabei sehr sparsam eingesetzt, um wichtige Elemente hervorzuheben.