Seminar/Schulung: Modernes Webdesign für Grafik und Corporate Design

In diesem Seminar lernen Print-, Grafik- und Corporate Design-Teams was es bei der Gestaltung moderner Website zu beachten gibt. Wir beschäftigen uns dabei sowohl mit modernen Workflows und Konzepten, als auch mit aktuellen technischen und gestalterischen Trends. Die verschiedenen Themen visualisieren wir hands-on direkt im Browser und Design-Tool.

Inhalte

Die Gestaltung moderner Weblayouts stellt viele Print-, Branding- und Marketing-Agenturen vor große Herausforderungen. Wie muss ein Corporate Design entwickelt werden, damit es den Anforderungen moderner Websites und Apps entspricht? Wie werden Websites erwartungskonform gestaltet und wie lässt sich der Erfolg messen? Wie präsentieren und argumentieren Agenturen in Pitches und Workshops? Wie lassen sich hochwertige responsive Layouts gestalten und welche Tools werden aktuell genutzt? Wie kann die Datenübergabe an die Web-Entwicklung aussehen?

Insbesondere wenn die Kernkompetenz einer Agentur nicht im UI-/UX-/Frontend-Design liegt und Webprojekte häufig als »Beifang« im Netz landen, benötigen Sie Unterstützung um beim Kunden eine gute Figur abzugeben.

In diesem Workshop statten wir Sie mit den notwendigen Grundlagen aus, um Webprojekte in Zukunft sicherer zu kommunizieren, zu kalkulieren und zu gestalten. Dabei spannen wir den inhaltlichen Bogen über alle in der Kreation verankerten Themen und enden beim sogenannten »Hand-Off« – also bei der optimalen Übergabe an die Entwicklung.

Agenda: Webdesign für Grafik und Corporate Design

Wir erstellen für jede Schulung eine maßgeschneiderte Agenda. Die hier gelisteten Themen werden häufig gewünscht bzw. sind aus unserer Sicht relevant. Nach dem Vorab-Gespräch werden die Themen und Schwerpunkte individuell auf das jeweilige Team bzw. Projekt angepasst.

Gestaltung & Konzeption:

Webdesign und UX – Konventionen kennen, Erwartungshaltungen berücksichtigen und den »User Flow« von Beginn an planen
Gestaltungsraster und Spacing
Konventionen und Benutzerführung
Layout-Typen und Breakpoints
Modulares Design und Design-Systeme
Responsive Design und Intrinsic Design
Navigationsformen
Typografie
Bildauswahl, -bearbeitung und Positionierung
Barrierefreiheit
Corporate Design im Web – Was Sie bei Farbkonzepten, Typografie, Branding & Co. beachten sollten

Workflow & Kommunikation:

Layouting in Einzelteilen – warum modulares Gestalten wichtig ist
Praxisbeispiele & Hilfsmittel
Projekte gestalten und präsentieren: Clickdummies, visuelle Prototypen & Co.
Gestaltung mit Style Tiles & Style Guides
Design-Systeme, Atomic Design & Co.
Der Umgang mit verschiedenen Browsern
Die Teamarbeit verbessern
Den Erfolg messen – User Stories, KPIs & Co.
Suchmaschinenoptimierung im Gestaltungsprozess

Tooling & Datenübergabe

Design-Tools im Überblick: Figma, XD, Sketch etc.
Gestaltung mit Code bzw. im Browser
SVG Grundlagen
Dateiaufbereitung
Übergabe an die Entwicklung

Dozent: Jonas Hellwig

Jonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Feedback zu unseren Schulungen

Wir bedanken uns für die spannende und lehrreiche Schulung. Die einzelnen Slots sind immer individuell auf unsere Bedürfnisse ausgerichtet und setzen direkt an unseren Problemstellen an, sodass wir super zielgerichtet arbeiten können. Jonas gibt uns flexible Lösungen an die Hand, erklärt uns immer auch weitere Möglichkeiten, die das Programm bietet und ermöglicht uns dadurch einen großartigen Einblick. Es macht immer wieder Spaß und wir können hier von Jonas Input nur profitieren. In diesem Sinne – die nächste Schulung kommt bestimmt.

März 2024, Annika Becker, Senior Art Director, REINBOLDROST GmbH & Co. KG
Regelmäßige Schulungen sind für unser Team unerlässlich. Einen besseren Ansprechpartner und Dozenten könnten wir uns nicht wünschen. Wir sind schwer begeistert und bedanken uns ganz herzlich bei Jonas Hellwig und seinem Team!

Februar 2024, Macario Strukely – STRATEGA Websolutions e.K.
Vielen Dank für die tolle Zusammenarbeit! Die Erstellung unseres Design Systems mithilfe von Adobe XD und die reibungslose Migration zu Figma verliefen optimal. Die Design-Komponenten-Bibliothek bildet eine perfekte Grundlage für zukünftige Entwicklungen und unsere neuen Projekte. Das äußerst strukturierte und effiziente Vorgehen hat nicht nur dazu beigetragen, dass wir uns bestens in die Materie eingearbeitet haben, sondern hat auch die Übernahme optimal vorbereitet und erleichtert – ganz abgesehen davon, dass es auch noch viel Spaß gemacht hat!
Als Behörde ist für uns besonders die gründliche und kontinuierliche Überprüfung im Hinblick auf Barrierefreiheit von großer Bedeutung. Auch in diesem Bereich erhielten wir stets optimale Beratung und viele wertvolle Tipps.
Wir freuen uns bereits auf die kommenden Projekte, die wir gemeinsam mit Jonas realisieren können.

November 2023, Beate Köferl, Landesamt für Finanzen – FinanzIT BAYERN