B.vision media

Webdesign für B.vision media

Kunde: B.vision media
Bereiche: Webdesign

Umsetzung: 2018

Website besuchen

B.vision media hat sich die Produktion von innovativen, maßgeschneiderten Fernsehformaten auf die Fahne geschrieben. Die neu gegründete Tochterfirma von unserem Bestandskunden Studio Hamburg Production Group realisiert Infotainment-Formate im Spektrum zwischen leichter Unterhaltung und anspruchsvollen Bildungssendungen. Dazu gehören zum Beispiel das Talk-Magazin „Dunja Hayali“, „Wie geht’s, Deutschland?“, oder die Sendung „Endlich Klartext“ von Kabarettist Abdelkarim.

Für die Konzeption, das Design und die Programmierung der Website wurde No agency beauftragt. Entstanden ist ein zeitgemäßer, schlanker Auftritt, der aufs Wesentliche reduziert ist. Hinter der Website steht ein funktionales CMS, das der Kunde ganz einfach selbst aktualisieren kann.

Design

Die Website ist als schlichter One-Pager angelegt, Detailseiten werden als Layer angezeigt. So entsteht eine übersichtliche Struktur, die schnell zu erfassen ist. Nachdem wir Wireframes für den Aufbau der Website ausgearbeitet haben, ging es ans Design. Dieses ist nach dem Mobile First-Prinzip konzipiert. Das bedeutet, dass es zuerst für die Anzeige auf Smartphones gestaltet und erst nach der Abnahme für den Desktop adaptiert wurde.

Die Ästhetik der Website basiert auf hohen Kontrasten zwischen plakativen Headlines und luftigem Fließtext sowie großzügigen Weißräumen und knalligen Orange- und Pink-Flächen. Hinzu kommt eine freundliche Bildwelt, die das Team bei der Arbeit zeigt. Eigens für die Website haben wir außerdem Grafiken in den Hausfarben entwickelt, die das Corporate Design unterstreichen.

Das aufgeräumte Design wird durch simple Animationen abgerundet, die direkt über die Programmierung realisiert wurden.

Programmierung

Das individuelle Design wurde auf Basis von Wordpress umgesetzt. Das gewährleistet ein kostengünstiges und intuitiv zu bedienendes CMS. Der Kunde kann selbstständig neue Produktionen, Pressemitteilungen und Teammitglieder anlegen oder aktualisieren.

Microanimations geben dem User Feedback und Effekte wie Parallax Scrolling hauchen der Website Leben ein.

#fd9827
Bright Orange
#ca0f67
Raspberry