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

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.

Web Layout

Auf Grid / Bootstrap basiertes Weblayout

Responsive Design

Modernes Erscheinungsbild auf allen Endgeräten

Wire Framing

Entwicklung einer Informations Architektur
j

Grafik

Grafikdesign & Bildbearbeitung

Sie interessiert dieses Projekt?

Wenn Sie gerne mehr über dieses Projekt und meine Arbeit erfahren möchten