stephan franke

kommunikationsdesign

sfk

GESTALTUNG   PRODUKTION   BERATUNG   SCHULUNG

Portfolio

Stucke
Webauftritt für mittelständisches Unternehmen: Beratung | Produktion
MAO
Corporate Design für Musikschule: Gestaltung | Produktion Web und Print
UX/UI-Design
Eine Aufgabe für angehende Mediengestalter im ersten Ausbildungsjahr. Themen sind u.a. UX/UI-Design, snap-scroll, Gostbuttons, Mikro-Interaktionen, Hintergrund-Videos, OffCanvas Navigation, SVG-Animationen oder WebGL. Workflow mit Figma und ähnlichen Tools.
Analytische, strukturierte und effektive Herangehensweise sowie Prototyping und MockUps.
UX/UI-Design: Schulung
CSS Grid
Aufgabe responsive Webdesign: Die Teilnehmer lernen bei dieser Aufgabe, wie sie ein Webdesign mit dem CSS Grid Layout Module erstellen.
Aber auch das Arbeiten mit CSS-Variablen, das Verwenden von Icon-Fonts, Fallbacks für ältere Browser, Themen wie die generelle Herangehensweise an ein Webprojekt, responsives Webdesign oder sticky footer sind in dieser Aufgabe enthalten.
CSS-Layouts mit Grid und Flexbox: Schulung
Nicola Janssen
Webprojekt: Beratung | Produktion
Newgrooves
ContentManagement-System für Band: Beratung | Gestaltung | Umsetzung
Quellcode
Workshop „Tools in der Webentwicklung“: Einsatz von und Arbeiten mit JavaScript-Bibliotheken und Frameworks wie beispielsweise jQuery, UI-Kit, Bootstrap, SASS oder Emmet. ContentManagement-Systeme, Mobile-first Prinzip, Progressive Enhancement, Fallbacks.
Konzeption, Planungstools und Qualitätssicherung.
Workshop „Tools und Frameworks“ in der Webentwicklung: Schulung
Workshop - Agentur Workflow
Workshop - Agentur-Workflow: Schulung | Beratung
Typografie im Web
Typografischer Feinschliff mit OpenType Variable Fonts, lesefreundlichem Aufbereiten von Texten, Vergleich von Print- zu Web-Typografie und aktuellen Möglichkeiten mit neuen CSS-Eigenschaften.
Workshop Web-Typografie: Schulung
Website Innenarchitektur
Website für Innenarchitektin: Produktion
Ansgar-Logo
Logo Mockup
Logo für Kirchengemeinde: Gestaltung | Produktion
Contentmanagementsystem
Webprojekt mit CMS Wordpress: Beratung | Umsetzung
Aufgabe Superburschi
Schulung für Mediengestalter im ersten Ausbildungsjahr. Grundlagen der Syntax, HTML5, CSS3, semantische Elemente und CSS-Layouts. Aber auch fortgeschrittene Techniken wie XML, Sticky Navigation, Mikrointeraktionen, Animation per transition oder Animation von SVG-Grafiken.
Aufgabe HTML5 und CSS3: Schulung
SVEDA Logo
SVEDA Logo
Logo-Entwicklung für Unternehmensberatung: Gestaltung | Umsetzung
Schulung Frameworks
In der Mediengestalterausbildung unterrichte ich den effektiven Einsatz von Tools, Scriptsprachen, Bibliotheken und Frameworks in der Webentwicklung. JavaScript, jQuery, Emmet, Sass oder Theme-Entwicklung für Wordpress.
Tools, Scriptsprachen, Bibliotheken und Frameworks: Schulung
Vorbereitungskurse für HK-Prüfung
Ich gebe maßgeschneiderte Vorbereitungskurse in Agenturen und grafischen Betrieben für die Handelskammer-Abschlussprüfung der Mediengestalter digital und print.
Prüfungsvorbereitung Mediengestalter digital und print: Schulung

Über mich

Seit über 20 Jahren arbeite ich als Freiberufler und als Dozent für zufriedene Kunden wie Gruner + Jahr, Axel Springer Verlag, Integrata AG, Canon Deutschland, Vascutek Deutschland GmbH, mittelständische Unternehmen, Verband Druck und Medien, Handelskammer Hamburg, Schulungsunternehmen, Unternehmensberatungen oder Werbeagenturen.