Büro für Gestaltung

Mediengestaltung, Design & Marketing

PS Hydraulik Hechingen

Responsive Weblayout

Mockup Design User Interface

Responsive Weblayout

Mockup & Wireframe

Der Auftraggeber kam mit einer fertigen Print-Broschüre, die auf A4 angelegt war. Dies konnte lediglich als Anregung dienen. Für die eigens erstellten Fotos sowie die gesamte Informations Struktur der Inhalte musste eine Web-Lösung gefunden werden. Es entstand der „Rote Balken“ – der sich durch alle Ansichten durchzieht. Weiterhin eine klare Struktur mit der Bootstrap geeigneten Punkte Aufteilung. Dafür habe ich ein durchdachtes Wire-Framing und ein verständliches Responsive Layout in Form einer Mockup Ansicht erstellt, sowie die Bilder für eine interessante Ansicht bearbeitet. Das Projekt wurde extern umgesetzt.

Layout für Webauftritt PS Hydraulik

PS-Hydraulik_01

PS-Hydraulik_02

PS-Hydraulik_03

PS-Hydraulik_04

PS-Hydraulik_05

PS-Hydraulik_06

PS-Hydraulik_07

PS-Hydraulik_08

PS-Hydraulik_09

PS-Hydraulik_10

PS-Hydraulik_11

PS-Hydraulik_12

PS-Hydraulik_13

PS-Hydraulik_14

PS-Hydraulik_15

PS-Hydraulik_16

Webseite für PS Hydraulik und Pneumatik Hechingen

Wireframe & Mockup

• Die Firma Ps Hydraulik hat bereits eine Broschüre mit eigens erstelltem Fotomaterial und gegebenen Textinhalten.
Es wurde aufgrund der Broschüre ein Weblayout erstellt, im Glauben man könne die eins zu eins übersetzten.
Dies erwies sich als nicht umsetzbar. So ist es z. B. ungünstig im Webformat den gewünschten Betonhintergrund als großforma-tige Bilddatei im Hintergrunddatei anzulegen.

• Daher entstand von mediaLAB ein für Web konzipiertes Layout mit für die digitale Ansicht optimiertem visuellen Aufbau in ge-gliederte und optisch erfassbare Bausteine für den lebendigen Informations-Transfer. Ich habe für den Beton-Effekt ein Muster erstellt, welches sich in jedem Format anpasst und so eine einheitliche Darstellung gewährleistet ohne zu große Datenmengen zu verbrauchen.
Außerdem entwickelte ich ein Wireframe für die responsiven Ansichten auf den verschiedenen Endgeräten.

