Kunde Burmistrak GmbH
Umsetzung der Website auf Basis des CMS Drupal anhand eines vorhandenen Screendesigns im Responsive Design. Integration diverser Plugins sowie Einrichtung und Konfiguration des Bnutzerbereiches zur
eigenständigen Verwaltung der Website.
Aktuell steht die Website in deutscher Sprache zur Verfügung, eine englische Sprachvariante ist bereits in Arbeit.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, SASS, CSS3, HTML5, Bootstrap
Kunde WWT GmbH
Umsetzung der Website auf Basis des CMS Drupal anhand eines vorhandenen Screendesigns im Responsive Design.
Integration diverser Plugins sowie Einrichtung und Konfiguration des Extranets. Aktuell steht die Website in 3 Sprachversionen zur Verfügung, weitere Sprachvarianten sind in der Planung.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, LESS, CSS3, HTML5, Bootstrap
Kunde Bedra GmbH
Umsetzung der Website auf Basis des Joomla CMS anhand eines vorhandenen Screendesigns im Responsive Design.
Entwicklung einer Joomla- Komponente zur Berechnung diverser Edelmetallkurse basierend auf einem bereitgestellten CSV.
Mehrsprachiger Seitenaufbau. Newsletter-Integration.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, LESS, CSS3, HTML5
Entwicklung von Web-Frontends auf Basis von Drupal 8 mittels HTML, CSS, Javascript, Twig, PHP 7 und MySQL
Mitwirkung am kompletten Rebrush der instyle.de sowie Webentwicklung auf den Seiten [auf Anfrage]
Neukonzeption von Bildstilen und Responsive Image Styles
Restrukturierung und Optimierung der SASS/SCSS-Architektur
Umsetzung von Sketch/Zeplin-Designvorlagen in ?Pixel Perfect?- Weboberflächen (Mobile/Tablet/Desktop)
Mitwirkung bei der Umsetzung der Mobile-Variante in Google AMP
Anpassungen an Facebook Instant Articles (FIA)
Aufgaben im Bereich Technisches SEO (URL-Rewrite per ASP-URL-Rewrite Module, Linkpflege)
Erstellung eines PRG-Pattern-Mechanismuses im ASP.NET-Umfeld Migration von jQuery 1.x.x auf 3.x.x
Implementierung eines CDN basierend auf statischen Ressourcen via Amazon Cloudfront und S3 Buckets
Implementierung eines user controls mit automatisiertem image resize via gulp und graphicsmagick
Implementierung eines speziellen LESS-mixins zur generischen Erstellung von media-queries für responsive background images
Verbesserung der Ladegeschwindigkeiten (Critical CSS, Asynchrones Laden von CSS und JS)
Aufräumen von unbenutztem JavaScript-Code
Schulungen & Workshops (CDN, Technisches SEO)
Umsetzung der Projekte hauptsächlich die Do-It-Yourself-Homepage betreffend in allen Länderversionen, sowie ggf. anfallende Aufgaben bei den anderen Frontend-Teams.
Dabei bestand meine Haupttätigkeit aus: Teilnahme an Projektmeetings, SVN-Versionierung, Datenaufbereitung auf Basis bereitgestellter PSDs, Programmierung von HTML, CSS, XML, XSL(T) und teilweise JavaScript. Umsetzung der Onlineprojekte gemäß der vom Website-Management angelieferten OFKs (Oberflächenkonzepte).
Hauptbetreuer des Produktinformationssystems SPIN, welches die Darstellung sämtlicher mobiler Endgeräte auf der 1und1-Website steuert. Maßgebende Rolle bei der Umsetzung des Mobile-Redesigns 2014 und maßgebende Rolle bei der Nachsorge zum DSL-/Mobile-Redesign 2014.
Eigeninitiative Vorschläge und Projektvorschläge zu Prozessoptimierung zwischen sämtlichen Teams der Fachabteilung wie z.B. ?UX Design?, ?Operating?, ?Online Sales? sowie zur Quality Assurance und der Teamübergreifenden Frontend-Architekten
Konzeption, Entwicklung und Funktionstests eines Echtzeit-Linienschreibers (Trendgraph) in JavaScript. Integration des Linienschreibers in ein bestehendes
JavaScript-Framework
Planung, Konzeption, Gestaltung, Umsetzung und Produktion von Klassischen Werbemitteln (Print, Bild, Audio, Video) sowie von Digitalen Werbemitteln (Websites, Werbebanner, Animationen).
Web-Entwicklung, Online-Marketing, Projektmanagement, Product-Ownership, Interim C-Level
Kenntnisse und Know-How
Über 12 Jahre Berufserfahrung in der Online- und Werbebranche. Meine tägliche arbeit umfasst die Bereiche:
Konzeption, Design, Responsive-Webdesign, Programmierung, Facebook, Twitter, Blogs, Social Media, Photoshop, Illustrator, InDesign, Dreamweaver, Microsoft Office, HTML, HTML5 (W3C-konform), XHTML, XML, DTD, Schemas, XSL, XSLT, CSS 3, JavaScript (Nativ, ECMA Script 6, JSON) inkl. Ajax, PHP, MySQL
Weitere Kenntnisse in
Klassisches Marketing, Online-Marketing, Crossmedia-Marketing, Social-Media-Marketing (Facebook, Twitter, Google+, Xing, Linked-in, Instagram, Pinterest), Suchmaschinenmarketing (SEM), Suchmaschinenoptimierung (SEO), E-Mail-Marketing, Online-Shops, Adobe Flash, ActionScript, TypoScript
Frameworks & Libraries
Bootstrap, Foundation, susy, YAML, SMARTY, JQUERY, twig, Qooxdoo, MooTools, Pustefix, angularJS, twig, SASS/LESS, grunt, gulp
CMS & Shopsoftware
Typo3, Joomla, WordPress, Drupal, Middleman, os commerce, xt commerce, Shopware, Magento, VirtueMart (Joomla Component)
CVS (Versionsverwaltung)
Subversion (SVN), Git
Sonstige Technologien
VirtualBox, Vagrant, composer, npm
Bootstrap
Verständnis von Mobile First vs. Non-Mobile-First
Verständnis von Unterschied zwischen Responsive und Adaptive Design
Verständnis von Webfonts, Fonticons und SVGs
Grid-System: Arbeit mit Standard Bootstrap Grid System (4 Container 1170px, 970px, 750px, fluid) sowie den Standard-Breakpoints (col-lg ?1200px; col-md ?992px; col-sm ?768px und col-xs <768px)
Grid-Customizing: Anpassung des Grids je nach Kundenwunsch sowie Integration weiterer Breakpoints und Media Queries gerne auch unter Verwendung des Bootstrap-Customizing-Tools mit zugehöriger config.json
Full-Width-Grid, Fixed-Width-Grid
Column Nesting, Column Ordering mit push, pull und offset
Forms inkl. Form Validation wahlweise mit bootstrap-validator, formvalidation.io oder einem anderen Validation-Script oder -Plugin
Responsive Classes wie visible, hidden, responsive images und responsive embed
Print Classes
Verwendung sämtlicher Components wie z.B. Dropdowns, Navbars, Glyphicons, Pagination, Alerts, Progress Bars, Panels, Wells etc.
Verwendung sämtlicher JavaScript-Helperscripts wie Tab, Tooltip, Carousel, Scrollspy etc. Gerne verwende ich Bootstrap in der von Ihnen gewünschten Entwicklungsumgebung als Full-Feature-Build, Customized-Build oder als Preprocessor-Build (SASS/LESS Version)
SASS
Mixins
Inheritance
Nesting
Variables
Partials
Nested Import
Sonstiges
jQuery (Event Handling, Ajax, Data Attributes, Plugins)
BuildScripts mit npm, grunt, gulp oder anderes
CSS 3 Animations und Transitions mit Hilfe von Skripten wie animate.css (https://daneden.github.io/ animate.css) oder auch Eigententwicklungen
Relative sizing units (em, rem, %)
Debugging mit verschiedenen Browsern (Chrome, Firefox, IE, Safari, Opera etc.)
Debugging mit Android und iOS (Nativ oder auch in einer Sandbox)
Sehr gute Fachkenntnisse in den Tools der Adobe Creative Cloud (Photoshop, InDesign, Illustrator etc.)
Wahrung von Kompatibilität mit Hilfe von caniuse.com sowie gewünschte Webstandards z.B. Mikroformate oder WAI-ARIA
Beruflicher Werdegang
07/2010 - heute
eigene Firma
07/2009 - heute
eigene Firma
03/2008 - 06/2009
Leitung Marketing
Provimedia GmbH, Bietigheim-Bissingen
02/2007 - 03/2008
Leitung Online/DTP/Produktion
PRH Werbeagentur, Pforzheim
05/2006 - 04/2007
Nebenberuflich tätig als Account Manager
Marketing bei der FirstUseNet Service GmbH
09/2004 - 02/2007
Ausbildung zum Mediengestalter für Digital und Printmedien
PRH bzw. Johannes-Gutenberg-Schule, Stuttgart
10/2003 - 08/2004
Praktikum
PRH Werbeagentur, Pforzheim
02/2001
Praktikum
Ameise GmbH, Ludwigsburg
Alle Branchen
Kunde Burmistrak GmbH
Umsetzung der Website auf Basis des CMS Drupal anhand eines vorhandenen Screendesigns im Responsive Design. Integration diverser Plugins sowie Einrichtung und Konfiguration des Bnutzerbereiches zur
eigenständigen Verwaltung der Website.
Aktuell steht die Website in deutscher Sprache zur Verfügung, eine englische Sprachvariante ist bereits in Arbeit.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, SASS, CSS3, HTML5, Bootstrap
Kunde WWT GmbH
Umsetzung der Website auf Basis des CMS Drupal anhand eines vorhandenen Screendesigns im Responsive Design.
Integration diverser Plugins sowie Einrichtung und Konfiguration des Extranets. Aktuell steht die Website in 3 Sprachversionen zur Verfügung, weitere Sprachvarianten sind in der Planung.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, LESS, CSS3, HTML5, Bootstrap
Kunde Bedra GmbH
Umsetzung der Website auf Basis des Joomla CMS anhand eines vorhandenen Screendesigns im Responsive Design.
Entwicklung einer Joomla- Komponente zur Berechnung diverser Edelmetallkurse basierend auf einem bereitgestellten CSV.
Mehrsprachiger Seitenaufbau. Newsletter-Integration.
Verwendete Technologien
PHP, MySQL, Javascript (nativ), jQuery, LESS, CSS3, HTML5
Entwicklung von Web-Frontends auf Basis von Drupal 8 mittels HTML, CSS, Javascript, Twig, PHP 7 und MySQL
Mitwirkung am kompletten Rebrush der instyle.de sowie Webentwicklung auf den Seiten [auf Anfrage]
Neukonzeption von Bildstilen und Responsive Image Styles
Restrukturierung und Optimierung der SASS/SCSS-Architektur
Umsetzung von Sketch/Zeplin-Designvorlagen in ?Pixel Perfect?- Weboberflächen (Mobile/Tablet/Desktop)
Mitwirkung bei der Umsetzung der Mobile-Variante in Google AMP
Anpassungen an Facebook Instant Articles (FIA)
Aufgaben im Bereich Technisches SEO (URL-Rewrite per ASP-URL-Rewrite Module, Linkpflege)
Erstellung eines PRG-Pattern-Mechanismuses im ASP.NET-Umfeld Migration von jQuery 1.x.x auf 3.x.x
Implementierung eines CDN basierend auf statischen Ressourcen via Amazon Cloudfront und S3 Buckets
Implementierung eines user controls mit automatisiertem image resize via gulp und graphicsmagick
Implementierung eines speziellen LESS-mixins zur generischen Erstellung von media-queries für responsive background images
Verbesserung der Ladegeschwindigkeiten (Critical CSS, Asynchrones Laden von CSS und JS)
Aufräumen von unbenutztem JavaScript-Code
Schulungen & Workshops (CDN, Technisches SEO)
Umsetzung der Projekte hauptsächlich die Do-It-Yourself-Homepage betreffend in allen Länderversionen, sowie ggf. anfallende Aufgaben bei den anderen Frontend-Teams.
Dabei bestand meine Haupttätigkeit aus: Teilnahme an Projektmeetings, SVN-Versionierung, Datenaufbereitung auf Basis bereitgestellter PSDs, Programmierung von HTML, CSS, XML, XSL(T) und teilweise JavaScript. Umsetzung der Onlineprojekte gemäß der vom Website-Management angelieferten OFKs (Oberflächenkonzepte).
Hauptbetreuer des Produktinformationssystems SPIN, welches die Darstellung sämtlicher mobiler Endgeräte auf der 1und1-Website steuert. Maßgebende Rolle bei der Umsetzung des Mobile-Redesigns 2014 und maßgebende Rolle bei der Nachsorge zum DSL-/Mobile-Redesign 2014.
Eigeninitiative Vorschläge und Projektvorschläge zu Prozessoptimierung zwischen sämtlichen Teams der Fachabteilung wie z.B. ?UX Design?, ?Operating?, ?Online Sales? sowie zur Quality Assurance und der Teamübergreifenden Frontend-Architekten
Konzeption, Entwicklung und Funktionstests eines Echtzeit-Linienschreibers (Trendgraph) in JavaScript. Integration des Linienschreibers in ein bestehendes
JavaScript-Framework
Planung, Konzeption, Gestaltung, Umsetzung und Produktion von Klassischen Werbemitteln (Print, Bild, Audio, Video) sowie von Digitalen Werbemitteln (Websites, Werbebanner, Animationen).
Web-Entwicklung, Online-Marketing, Projektmanagement, Product-Ownership, Interim C-Level
Kenntnisse und Know-How
Über 12 Jahre Berufserfahrung in der Online- und Werbebranche. Meine tägliche arbeit umfasst die Bereiche:
Konzeption, Design, Responsive-Webdesign, Programmierung, Facebook, Twitter, Blogs, Social Media, Photoshop, Illustrator, InDesign, Dreamweaver, Microsoft Office, HTML, HTML5 (W3C-konform), XHTML, XML, DTD, Schemas, XSL, XSLT, CSS 3, JavaScript (Nativ, ECMA Script 6, JSON) inkl. Ajax, PHP, MySQL
Weitere Kenntnisse in
Klassisches Marketing, Online-Marketing, Crossmedia-Marketing, Social-Media-Marketing (Facebook, Twitter, Google+, Xing, Linked-in, Instagram, Pinterest), Suchmaschinenmarketing (SEM), Suchmaschinenoptimierung (SEO), E-Mail-Marketing, Online-Shops, Adobe Flash, ActionScript, TypoScript
Frameworks & Libraries
Bootstrap, Foundation, susy, YAML, SMARTY, JQUERY, twig, Qooxdoo, MooTools, Pustefix, angularJS, twig, SASS/LESS, grunt, gulp
CMS & Shopsoftware
Typo3, Joomla, WordPress, Drupal, Middleman, os commerce, xt commerce, Shopware, Magento, VirtueMart (Joomla Component)
CVS (Versionsverwaltung)
Subversion (SVN), Git
Sonstige Technologien
VirtualBox, Vagrant, composer, npm
Bootstrap
Verständnis von Mobile First vs. Non-Mobile-First
Verständnis von Unterschied zwischen Responsive und Adaptive Design
Verständnis von Webfonts, Fonticons und SVGs
Grid-System: Arbeit mit Standard Bootstrap Grid System (4 Container 1170px, 970px, 750px, fluid) sowie den Standard-Breakpoints (col-lg ?1200px; col-md ?992px; col-sm ?768px und col-xs <768px)
Grid-Customizing: Anpassung des Grids je nach Kundenwunsch sowie Integration weiterer Breakpoints und Media Queries gerne auch unter Verwendung des Bootstrap-Customizing-Tools mit zugehöriger config.json
Full-Width-Grid, Fixed-Width-Grid
Column Nesting, Column Ordering mit push, pull und offset
Forms inkl. Form Validation wahlweise mit bootstrap-validator, formvalidation.io oder einem anderen Validation-Script oder -Plugin
Responsive Classes wie visible, hidden, responsive images und responsive embed
Print Classes
Verwendung sämtlicher Components wie z.B. Dropdowns, Navbars, Glyphicons, Pagination, Alerts, Progress Bars, Panels, Wells etc.
Verwendung sämtlicher JavaScript-Helperscripts wie Tab, Tooltip, Carousel, Scrollspy etc. Gerne verwende ich Bootstrap in der von Ihnen gewünschten Entwicklungsumgebung als Full-Feature-Build, Customized-Build oder als Preprocessor-Build (SASS/LESS Version)
SASS
Mixins
Inheritance
Nesting
Variables
Partials
Nested Import
Sonstiges
jQuery (Event Handling, Ajax, Data Attributes, Plugins)
BuildScripts mit npm, grunt, gulp oder anderes
CSS 3 Animations und Transitions mit Hilfe von Skripten wie animate.css (https://daneden.github.io/ animate.css) oder auch Eigententwicklungen
Relative sizing units (em, rem, %)
Debugging mit verschiedenen Browsern (Chrome, Firefox, IE, Safari, Opera etc.)
Debugging mit Android und iOS (Nativ oder auch in einer Sandbox)
Sehr gute Fachkenntnisse in den Tools der Adobe Creative Cloud (Photoshop, InDesign, Illustrator etc.)
Wahrung von Kompatibilität mit Hilfe von caniuse.com sowie gewünschte Webstandards z.B. Mikroformate oder WAI-ARIA
Beruflicher Werdegang
07/2010 - heute
eigene Firma
07/2009 - heute
eigene Firma
03/2008 - 06/2009
Leitung Marketing
Provimedia GmbH, Bietigheim-Bissingen
02/2007 - 03/2008
Leitung Online/DTP/Produktion
PRH Werbeagentur, Pforzheim
05/2006 - 04/2007
Nebenberuflich tätig als Account Manager
Marketing bei der FirstUseNet Service GmbH
09/2004 - 02/2007
Ausbildung zum Mediengestalter für Digital und Printmedien
PRH bzw. Johannes-Gutenberg-Schule, Stuttgart
10/2003 - 08/2004
Praktikum
PRH Werbeagentur, Pforzheim
02/2001
Praktikum
Ameise GmbH, Ludwigsburg
Alle Branchen