Von Jonas

Informationen zu unserem Seminar »Responsive Webdesign für Konzepter, Projektleiter und Designer« im November 2017 in Berlin.

Aktualisiert am 2 Kommentare

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


[info_location_weiberwirtschaft_berlin]

[info_catering]

Dozent: Jonas Hellwig


Jonas HellwigJonas 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.


Kunden-Feedback zu unseren öffentlichen Schulungen

[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“5″ slider=“true“]

Geschrieben von Jonas

Benutzerbild

Jonas 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.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 2 Kommentare

  1. Max Born
    schrieb am 26.09.2017 um 09:56 Uhr:

    Sehr geehrter Herr Hellwig,

    ich interesssiere mich für das Seminar. Ich bin aktuell arbeitslos und würde daher gerne vorab wissen wie diesem Fall wäre mit der Rechnung? Müsste ich die direkt selber zahlen oder würde dies direkt mit der Agentur für Arbeit abgerechnet? Was benötigt es für einen Nachweis?

    Vielen Dank im Voraus

    Beste Grüße
    Max Born

    Antworten
    • Jonas Hellwig
      schrieb am 26.09.2017 um 10:34 Uhr:

      Hallo Herr Born, vielen Dank für Ihr Interesse an unserem Seminar. Wenn Sie bei der Anmeldung angeben, dass Sie arbeitslos sind, setzen wir uns nach Erhalt der Anmeldung persönlich mit Ihnen in Verbindung und bitten um einen Nachweis, dass Sie bei der Arbeitsagentur arbeitslos gemeldet sind. Sobald uns der Nachweis vorliegt, versenden wir die Rechnung mit dem Rabatt von 50%. Rechnungsempfänger sind Sie selbst mit den Angaben, die Sie bei der Anmeldung gemacht haben.

      Ich hoffe Ihnen weitergeholfen zu haben. Melden Sie sich gerne wenn Fragen bestehen.

      Antworten

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →