VWA » Bendesign

ATELIER FÜR GESTALTUNG: +49 89 2000 8251

BLOG

Darstellung der mobilen Startseite auf einem iPhone12, welches neben einem Laptop auf dem Schreibtisch liegt.

VWA

Webdesign für VWA-München

Webdesign für VWA-München. Die Umsetzung der finalen Website erfolgte von einem anderen Dienstleister.

VWA-München

Branche: Bildung

Aufgabenbereich:
UX-Design, Webdesign, Bildkonzept

Technik:
Layouts in Photoshop, Prototypen mit HTML, CSS und JS

Website:
https://vwa-muenchen.de/

Darstellung der Startseite von VWA-München in einer responsive Darstellung auf unterschiedlichen Endgeräten vor blauem Hintergrund. — Die Startseite mit emotionalen Slidermotiven, Vorteilsübersicht und klarer Zielgruppenansprache in responsive Darstellung auf unterschiedlichen Gerätekategorien abgebildet.

Hauptnavigation mit verschachtelten Untermenüs. — Die Headernavigation mit übersichtlicher Hauptstruktur und verschachtelten Untermenüs erleichtern die Navigation durch das umfangreiche Inhaltsangebot. Eine Breadcrumb Ansicht zeigt stets die aktuelle Position innerhalb der Navigationsstruktur.

CTA-Element als Sidebar vor hellblauem Hintergrund. — UX-Design der rechten sticky Sidebar mit Quicklinks und Responseelementen. Wenn durch das Scrollverhalten bestimmte Breakpoints ausgelöst werden interagiert die Sidebar passend und macht durch bewegte Effekte auf sich aufmerksam.

UX-Design in der Übersicht über unterschiedliche Formulardesigns innerhalb einer Lightbox. — Konsistentes Formulardesign mit Lightboxen und unterschiedlichen Parametern in einheitlichem Corporate-Design.

Corporate-Design Footer mit Bereichen zu Vorteilen, anstehende Termine, Testimonials, CTA und Kontaktdaten. — Umfangreicher Footer mit Terminen, Quicklinks und CTA Elementen.

Infothek Übersicht mit einheitlichen Icons zu unterschiedlichen Studiengängen. — Einheitliche Icons zur Verbildlichung von Studienschwerpunkten.

Kontaktformular vor blauem Hintergrund. — Das Kontaktformular mit wesentlichen Formularfeldern und klarem UX-Design. Unwesentliche Seitenteile werden durch die Lightbox ausgeblendet, wodurch der Fokus auf den aktuellen Responsevorgang betont wird.

UX-Design der Videoplayer Navigation innerhalb einer Lightbox. — Der Mediaplayer wird standardmässig in einer Lightbox dargestellt, welche unwesentliche Bildschirmbereiche ausblendet und die Ansicht auf den aktuellen Medieninhalt fokussiert. Die Ansicht kann durch Klick in einen Aussenbereich reduziert oder durch Klick auf das entsprechende Navigationssymbol bildschirmfüllend ausgeführt werden.

Darstellung des UX-Designs der Infobox "Infopaket bestellen" vor blauem Corporate-Design Hintergrund. — Das Formular zum bestellen der Infobox wird so dargestellt, dass alle in diesem Schritt unwesentlichen Elemente von einer Lightbox ausgeblendet werden.

Responsive Darstellung der Website auf dem iPhone, welches auf einem weissen Schreibtisch liegt. — Abbildungen der Website auf zwei mobilen Endgeräten. Angezeigt werden einmal die zeitlich nächstgelegenen Infoabende und einmal eine Übersicht von Studiendetails.

>> Zurück zum

Designportfolio

Eigenes
Projekt starten

Melde dich bei uns, um zu erfahren, wie wir dein Projekt erfolgreich umsetzen können.

Beratungsgespräch