Sommer 2022
Berufliche Schule für Medien und Kommunikation - Hamburg

Abschlussarbeit Screen Design

Im Rahmen meiner Ausbildung, zum gestaltungstechnischen Assistent mit Schwerpunkt Screendesign, würd eine praktische Abschlussprüfung absolviert. In der praktischen Abschlussprüfung sollte für das Start-up “ZenZement” ein Internetauftritt gestaltet und mit HTML und CSS technisch umgesetzt werden.

Briefing

Szenario

Die ZenZement GmbH ist ein junges Startup, das als Spin Off von einem traditionsreichen mittelständischen Baustoffunternehmen aus der Umgebung von Hamburg gegründet wurde. Das Mutterunternehmen legte seinen Schwerpunkt vor allem auf die Herstellung und Anlieferung von Transportbeton für die Baustellen in der Metropolregion Hamburg. Dank des Baubooms laufen die Geschäfte seit Jahre hervorragend. Allerdings wird der Preiskampf immer härter und die Geschäftsleitung weiß auch, dass jeder Boom einmal endet.
Deshalb hat das Unternehmen in ein Startup investiert, das neue Geschäftsfelder entwickeln soll. Ein junges Team aus Ingenieur*innen, Architekt*innen und Landschaftsgestalter*innen hat deshalb neue Geschäftsräume in der Hamburger Hafencity bezogen, um dort moderne Produktlinien zu entwickeln. Das Augenmerk liegt dabei vor allem auf exklusiven Elementen für die Gestaltung öffentlicher und privater Räume. Das geht von exquisiten Pflasterungen über sog. Stadtmöbel bis hin zu ungewöhnlichen Architekturelementen und Replikaten für die Altbausanierung. Mit Möbeln für den privaten Wohnbereich lassen sich jederzeit individuelle Akzente setzen.
Sie entwickeln auf Wunsch Unikate, nach individuellen Vorstellungen des Bauträgers. Moderne Technologie macht fast jede Formung mit dem Material möglich und gibt dem Beton eine innovative Leichtigkeit.

Kommunikationsziel

Die ZenZement GmbH möchte vor allem innovativen Eigenheimbesitzer*innen und Stadtplaner*innen Beispiele für den kreativen Einsatz ihrer Betonprodukte zeigen. Die neuen Produkte aus Beton sollen folgende Markeneigenschaften transportieren:
  • Nachhaltigkeit des Materials
  • innovatives Design
  • Individualität
Dazu erstellen Sie eine Website. Der Kunde wünscht sich einen OnePager. Auf diesem werden beispielhaft die Spezialanfertigungen optimal in Szene gesetzt. Ziel der Website ist es, künftigen und aktuellen Kunden Anregungen zu geben, wie sie mit einem nachhaltigen, dauerhaften Material individuelle Designwünsche realisieren können.
Für die zentrale Markenbotschaft entwickeln Sie eine Wort-Bildmarke und einen dazu passenden Claim/Slogan.
Dazu kommt ein Kontaktformular, mit dem die User ein Beratungsgespräch über verschiedene Einsatzmöglichkeiten anfordern können. Das Formular muss keine Funktionalität haben. Natürlich darf auch das Impressum nicht fehlen.

Gestaltungskonzeption

Farbkonzept

Die Hauptfarbe in der Gestaltung von “ZenZement” ist ein Beach. Die Hauptfarbe wird sehr dezent eingesetzt und lässt hauptsächlich Raum für weiß. Die sparsame Verwendung soll dem User helfen, bestimmte Elemente schneller zu identifi zieren und darauf aufmerksam zu werden.

Gestaltungskonzeption

Logo

Icon

Das Icon der Wort-Bild-Marke von „ZenZement“ setzt sich aus drei Komponenten zusammen. Einem “Z”, einem Strich über dem “Z” und einem Kreis als Hintergrundfläche. Das “Z” mit dem Strich darüber soll einem Stuhl ähneln. Das komplette Erscheinungsbild soll leicht, modern und exklusiv wirken. Für den Schriftzug wurde Montserrat verwendet.

Slogan

Der Slogan “BETON ANDERS ERLEBEN” ist eine Anspielung darauf, dass Beton zum einen jede Form annehmen kann, zum anderen das Beton nicht nur die Bausubstanz ist, sondern auch ein Material mit dem sich moderne und exklusive Elemente erstellen lassen, durch die der Kunde den Beton anders erleben kann.

Mockups

Abgegebenes Konzept

Weitere Projekte

Spacing Generator

Projektrahmen:

Studium – Media Systems an der Hochschule für Angewandte Wissenschaft Hamburg

Aufgabenbereiche:

Corporate Design, UI/UX Design, Frontend-Entwicklung

Tools:

Figma, Miro, HTML, CSS, Java

Evengo Jobs Demo

Projektrahmen:

Studium an der Macromedia als Medien- und Kommunikationmanager

Aufgabenbereiche:

Konzept Entwicklung, Corporate Design, UI/UX Design, Implementierung

Tools:

Adobe XD, Photoshop, WordPress, Elementor, CSS

SEO Agentur Designvorschlag

Projektrahmen:

Freiberufliche Arbeit

Aufgabenbereiche:

Corporate Design, UI/UX Design

Tools:

InDesign

Spacing Generator

Projektrahmen:

Studium – Media Systems an der Hochschule für Angewandte Wissenschaft Hamburg

Aufgabenbereiche:

Corporate Design, UI/UX Design, Frontend-Entwicklung

Tools:

Figma, Miro, HTML, CSS, Java

Evengo Jobs Demo

Projektrahmen:

Studium an der Macromedia als Medien- und Kommunikationmanager

Aufgabenbereiche:

Konzept Entwicklung, Corporate Design, UI/UX Design, Implementierung

Tools:

Adobe XD, Photoshop, WordPress, Elementor, CSS

SEO Agentur Designvorschlag

Projektrahmen:

Freiberufliche Arbeit

Aufgabenbereiche:

Corporate Design, UI/UX Design

Tools:

InDesign