Isabella Edel Museum

Für meine Abschlussprüfung als Mediengestalterin habe ich eine Website für das Isabella Edel Museum entworfen – ein fiktives Museum, das Künstlerinnen in den Fokus rückt, die in der Kunstgeschichte oft übersehen wurden.

zur lauffähigen Website

Idee & Gestaltung

Mir war wichtig, ein Design zu schaffen, das edel, modern und zugleich lebendig wirkt. Deshalb habe ich mich für ein eher dunkles Farbschema mit warmen Brauntönen entschieden, die ich mit Rosa als Kontrastfarbe kombiniert habe. Viele großflächige Bilder sorgen dafür, dass die Kunst selbst im Mittelpunkt steht.

Inhalte & Funktionen

Die Website umfasst mehrere Bereiche:

• eine Galerie, die Werke und Eindrücke aus dem Museum zeigt
• eine Ticket-Seite, auf der Besucherinnen und Besucher ihre Eintrittskarten kaufen können
• einen Gebäudeplan, der sowohl informativ als auch gestalterisch prägend ist

Isometrischer Gebäudeplan

Der Gebäudeplan war ein wichtiger Teil der Aufgabenstellung:

• In der Desktopversion ist er interaktiv – beim Hover werden die einzelnen Räume hervorgehoben
• In der Mobilversion habe ich das Konzept angepasst: Unterhalb des Plans gibt es Links, über die man Details zu den Räumen aufrufen kann. Passend dazu habe ich eigene Piktogramme gestaltet, die auf dem Plan platziert sind.
• Auf dem Gebäudeplan sind Piktogramme der einzelnen Räume platziert, die ebenfalls Teil der Aufgabenstellung waren. Die Piktogramme bilden die Ausstellungsräume (R1–R4), aber auch praktische Bereiche wie Toiletten, Tickets oder das Museumscafé ab

Technik & Umsetzung

Die Website wurde nach dem Mobile-First-Prinzip entwickelt und für drei Viewports (Mobil, Tablet, Desktop) optimiert. Auf größeren Bildschirmen wird die Benutzererfahrung durch Progressive Enhancement erweitert. Neben HTML, CSS und JavaScript kamen Adobe InDesign, Illustrator und Photoshop zum Einsatz.

Dokumentation

Begleitend zur Website habe ich eine umfangreiche Dokumentation erstellt, die den gesamten Gestaltungsprozess festhält – von der Ideenfindung und Farbwahl über Typografie und Bildkonzept bis hin zu Layout, Piktogrammen und technischer Umsetzung. Sie zeigt, wie sich Gestaltungsschritte bewusst entwickelt haben, um ein harmonisches Gesamtergebnis zu erzielen. Besonders wichtig war mir, meine Entscheidungen nicht nur visuell, sondern auch konzeptionell nachvollziehbar zu begründen.

Mein Fazit

Das Projekt war eine spannende Herausforderung, bei der ich Gestaltung, Technik und Konzeptarbeit verbinden konnte. Ich habe viel über Farbwirkung, Responsive Design und die Bedeutung von Benutzerführung gelernt. Am Ende ist eine Website entstanden, die nicht nur technisch funktioniert, sondern auch gestalterisch für das steht, was mir wichtig ist: Design mit Atmosphäre und Aussagekraft.

zur lauffähigen Website
Zurück zur Portfolio-Übersicht