icon-arrow-lefticon-arrow

Kurzbeschreibung

Das Thema »Responsive Web Design« bewegt wie Web-­Szene nun bereits seit einigen Jahren. Doch unter »responsive« verstehen sowohl Kunden als auch Agenturen oft lediglich die Optimierung einer Website für Smartphones und Tablets. In Wahrheit ist Responsive Web Design eine neue Philosophie im Web Design und erfordert ein Umdenken bei Kunden, Kundenberatern, Konzeptionern, Projektleitern, Designern und Entwicklern.

Erfolgreiche responsive Projekte werden interdisziplinär umgesetzt. Jeder Projekt-Mitarbeiter muss daher verstehen was die Kollegen machen und in welchen Bereichen sich Schwierigkeiten ergeben. Kundenberater und Projektleiter wiederum bilden die Schnittstelle zum Kunden und müssen dafür sorgen, dass der Kunde die Vorteile des »neuen« Workflows versteht und in jeder Phase des Projekts von der Agentur geleitet wird.

Angefangen bei den Grundlagen von Responsive Design über Layoutmuster, Touch-Screen-Optimierung und Navigationskonzepte bis hin konzeptionellen Ansätzen wie Mobile First und Progressive Enhancement werden Sie in diesem Seminar alle Aspekte von Responsive Design kennenlernen, ohne dabei tiefer als notwendig in die technischen Details einzusteigen. Sie lernen wo die Herausforderungen im Responsive Web Design liegen, wie Sie Fehler in Gestaltung und Entwicklung vermeiden können und was Sie bei der Planung und Kommunikation von responsiven Websites beachten sollten.

Agenda

Konzeptionelle Grundlagen

  • Das »Content First«-Prinzip
  • Das Nutzungsverhalten auf mobilen Endgeräten kennen und Konventionen berücksichtigen
  • Technische Lösungen für mobile Websites kennen und beurteilen können: m.dot-, adaptive- und responsive Website, Facebook Instant Articles, Google AMP etc.
  • Die Unterschiede kennen: Responsive Design, Adaptive Design, responsive Layout und adaptive Layout
  • Charakteristika des Responsive Web Design bzw. modernen Webdesigns
  • Klassischer & skalierter Viewport – Websites für unterschiedliche Geräte und für verschiedene Zoomstufen konzipieren
  • Die Layout-Typen einer Website – Fixed-, Fluid- und Elastic Layout
  • Statische Layouts in responsive Layouts überführen
  • Layouts mit Breakpoints & Media Queries umstrukturieren
  • Die Hintergründe von konzeptionellem, gestalterischem und technischem »Mobile First« verstehen

Responsive Workflow

  • Der neue Workflow im Überblick
  • Design im Browser
  • Atomic Design / Atomic CSS
  • Frameworks – Bootstrap & Co.
  • Gestaltung mit Style Tiles & Style Guides
  • »Graceful Degradation« & »Progressive Enhancement«
  • Teambuilding – was charakterisiert erfolgreiche Web-Teams?
  • Praxisbeispiele & Hilfsmittel
  • Adobe Muse

Flexible Layouts

  • Flexible Gestaltungsraster im Responsive Web Design
  • Konzeptionelle Hintergründe von Float-basierte Rastern, Flexbox und CSS Grids kennen
  • Gestaltung für Touchscreens
  • Layout-Muster: Mostly Fluid, Column Drop, Off-Canvas & Co.
  • Content Choreography: Inhalte an verschiedenen Positionen anzeigen
  • Navigationsformen: DropDown, Mega Menu, Priority+ & Co.

Grafiken & Inhalte

  • Grafiken im Responsive Design – Herausforderungen beim Umgang mit Bildformaten, Bildausschnitten, Bildschirmauflösungen, Redaktueren und Technologien
  • Responsive Typography – Texte flexibel und lesbar gestalten
  • Tabellen für kleine Displays konzipieren und adaptieren
  • Videos im Responsive Design
  • Formulare für die Nutzung auf Smartphones und Tablets optimieren
  • Layouts und Inhalte für hochauflösende Displays vorbereiten

Optimierung

  • Tools zum Testen von flexiblen Websites
  • Die Arbeit mit Hilfe eine Performance-Budgets

Kommunikation

  • Verkaufsargumente für Responsive Design
  • Angebote verlässlicher kalkulieren
  • Kundenführung im responsive Workflow
  • Verkaufsargument »Workflow«

Zielgruppe

Dieses Seminar richtet sich an Konzeptioner, Designer, Projektleiter, Kundenberater und an alle Interessierten, die von konzeptioneller, strategischer und gestalterischer Seite in das Thema »Responsive Design« einsteigen möchten.

Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort & Verpflegung

Das Seminar findet in der »WeiberWirtschaft« in der Anklamer Str. 38 in Berlin-Mitte statt.

Fotos des Seminarraums in der Weiberwirtschaft Berlin. Fotos: Weiberwirtschaft

Der Eingang befindet sich im Durchgang vom 1. Innenhof in den 2. Innenhof rechts im Aufgang. Sie finden die Seminarräume im 4. OG. Ein Aufzug ist vorhanden.

Kaffee, Tee, kalte Getränke, Obst und Gebäck stehen Ihnen den ganzen Schulungstag über zur Verfügung. In der Mittagspause gehen Sie gemeinsam mit dem Dozenten und den anderen Teilnehmern in einem Restaurant in der Nähe des Seminarraums essen. Dort werden neben fleischhaltigen auch vegetarische und vegane Gerichte angeboten. Die Kosten sind im Seminarpreis enthalten.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop und Workflow-Optimierungen im Web Design spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Veranstaltungen zum Thema Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Ich bin mit großen Erwartungen zu diesem Seminar gekommen und diese wurden auch voll erfüllt. Trotz des komplexen Themas war es ein sehr kurzweiliges Vergnügen Jonas Hellwig zuzuhören. Die Themenschwerpunkte wurde verständlich erklärt und ich konnte jede Menge neues Wissen daraus mit nach Hause nehmen. Sollte es für mich wieder Bedarf für eine Weiterbildung geben so wird kulturbanause.de sicherlich die erste Adresse sein an welcher ich anfragen werde.

November 2016, Jörg Aderhold, JAderBass webdesign

Ich fand den Kurs super aufschlussreich. Dozent sehr angenehm, gut verständlich, Inhalt sehr gut, umfangreich.

Mai 2017, Philippe Rothen, Frontend, infoklick.ch

Vielen Dank für zwei spannende Tage Input und Austausch. Jonas leitet die Seminare hochpräzise und aufmerksam, er geht jederzeit flexibel und geduldig auf wirklich alle Fragen ein und findet einen passenden Lösungsweg. Besonders wertvoll für mich, ist Jonas' spürbar große persönliche Leidenschaft für einerseits die Optimierung der komplexen Thematik selbst, aber vor allem auch die Lehre – eine ehrliche Begeisterung, die sich auf die Teilnehmer überträgt und konzentriertes Arbeiten auf hohem Niveau garantiert. Ein Seminar, das man mit fundiertem Wissen vom Jetzt bis in die nahe Zukunft verlässt und einer großen Freude direkt loszulegen.

November 2016, Miriam Stepper, Art Director, infoklick.ch

Das hat sich gelohnt: Workshop von @_kulturbanause zu »modernem #Webdesign« bei der @medienplantage. #StrukturvorDesign

Dezember 2014, Rainer Klute, @rainerklute – Quelle

War ein super Vortrag über Webdesignstandards und vor allem ein Blick in die Zukunft des Webdesigns. Danke Jonas!

Juni 2016, Tonguç, @doumaindesign – Quelle

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Für diesen Termin anmelden

Wenn Sie sich für »Responsive Webdesign für Konzepter, Projektleiter und Designer (2 Tage)« am 06.11.2017 – 07.11.2017 in Berlin anmelden möchten, füllen Sie bitte das folgende Anmeldeformular sorgfältig aus. Wir verwenden diese Angaben für die Rechnung. Sie erhalten eine Kopie Ihrer Angaben per E-Mail.

Bitte beachten Sie, dass das Seminar nur stattfindet, wenn die Mindestteilnehmerzahl erreicht wird. Wir informieren Sie, sobald die Veranstaltung garantiert stattfindet – spätestens 30 Tage vor dem Termin. Sie erhalten die Rechnung sowie weitere Infos zur Veranstaltung ebenfalls kurz vor dem Termin.

Details zu unserem Rabattsystem finden Sie hier.

Ihre Anfrage wird verschlüsselt an uns übermittelt. Sie erklären sich damit einverstanden, dass wir Ihre Angaben zur Beantwortung Ihrer Anfrage verwenden dürfen. Hier finden Sie Infos zum Datenschutz.

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.