Web-Entwickler, Web-Designer, Frontend-Spezialist für hohe Ansprüche an Webstandards, Semantik, XHTML, HTML5, CSS/CSS3, JS, DOM, Usability, Accessibilty, Design, Benutzerorientierung, Responsive UI
Aktualisiert am 15.06.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 01.11.2024
Verfügbar zu: 75%
davon vor Ort: 0%
HTML
CSS
Accessibility
WCAG
BITV
SVG
X-Browser
DOM
JSON
AJAX
Responsive Webdesign
XML
Web Components
Deutsch
Muttersprache
Englisch
Fließend
Französisch
Grundkenntnisse
Italienisch
Grundkenntnisse
Spanisch
Grundkenntnisse

Einsatzorte

Einsatzorte

Frankfurt am Main (+20km) Schweinfurt (+10km)
Deutschland
Andere Orte kann ich derzeit nur Full-Remote bedienen
möglich

Projekte

Projekte

8 Monate
2022-10 - 2023-05

BITV Relaunch

Berater Web-Accessibility CSS3 HTML5 ARIA ...
Berater Web-Accessibility
Projekt:
Relaunch (UX und Barrierefreiheit) der Webpräsenz eines Bestandskunden der Agentur
Aufgaben:
Beratung, Schulung und Coaching der beteiligten Teams (Design, Entwicklung) bezüglich HTML-Semantik und Barrierefreiheit. Analyse des aktuellen Auftritts nach WCAG-Kriterien, Erstellen eines Maßnahmenkatalogs, Schulung technischer Grundlagen (HTML, ARIA, CSS, Assistive Technologien), Umsetzungsbegleitung mit Code-Reviews
WCAG BITV JAWS NVDA VoiceOver Talkback Browsererweiterungen zur Analyse
CSS3 HTML5 ARIA MSTeams
Digitalagentur (NDA)
Remote
1 Jahr 1 Monat
2021-07 - 2022-07

Sabbatical

Sanierung und Umbau eines Wohngebäudes (in Spanien) größtenteils in Eigenleistung
7 Jahre 5 Monate
2014-02 - 2021-06

ICE Zugportal

WCAG BITV InVision ...

Portal mit Reiseinformationen und Entertainment für Fernverkehrszüge (Release 0 bis einschließlich Release 3)

  • Agile Umsetzung einer geräteunabhängigen (Windows, MacOS, Android, iOS) Single- Page Webapplikation (SPA) im Scrum-Team, mittels HTML5, CSS3, SVG und Javascript auf Basis eines Styleguides, Userstories und Designvorlagen.

  • Beratung zu Barrierefreiheit, Semantik, Responsive Design, skalierbare, modulare Frontend-Architektur und Schulung des Frontend-Teams.

  • Status: Produktiveinsatz seit Mitte 2015, regelmäßige Folgereleases

WCAG BITV InVision Webstorm (IDE) Angular Leaflet VideoJS SwiperJS PWA Karma PhantomJS Jasmine SASS/SCSS Jira Confluence SVN Git Node.js Jenkins MSTeams
DB Systel GmbH
7 Jahre 6 Monate
2013-08 - 2021-01

T.Ko Imagewebsite

Drupal (CMS) SublimeText (Editor) Photoshop ...

Erstellung der Firmenwebsite mit anschließender Betreuung

  • Beratung und Komplettbetreuung für den Webauftritt, Konzeption, Design, Produktfotografie, Aufbereitung vorhandener Inhalte, Unterstützung für suchmaschinengerechte Texte, geräteunabhängige technische Umsetzung (RWD), Strategische Beratung.

  • Status: Veröffentlicht, fortgesetzte Betreuung

Drupal (CMS) SublimeText (Editor) Photoshop jQuery SASS/Compass Trac Git VirtualBox
T.Ko Kohlhepp GmbH
6 Jahre 5 Monate
2011-03 - 2017-07

Migration und Betreuung Website

Eclipse Aptana Firebug ...

Ablösung der Flashbasierten Firmenwebsite durch ein zugängliches System (SEO, Accessibility) unter Beibehaltung des Designs inkl. vorhandener Animationen.

  • Komplettumsetzung in Drupal: Erstellung von Inhaltstypen, Views, Navigationstruktur und Theme, Übertragung der vorhandenen Inhalte, Deployment.

  • Status: Wurde Ende April 2011 relaunched, dauerhafte Betreuung

Eclipse Aptana Firebug SVN VMware Drupal jQuery CKeditor SSH Trac Photoshop
Weingut Ewald Neder
2 Monate
2014-08 - 2014-09

Landingpage News Dashboard

Notepad++ Wordpress SVN ...

Landingpage mit Blog für die Bewerbung eines Software Produktes (News Dashboard)

  • Optimierung des Frontends für SEO (Markup, Semantik) und Verbesserung der User Experience (Geräteunabhängigkeit, Usability), Anpassung des Themes (Design, Layout, CSS) an die neue Corporate Identity.

  • Unterstützung bei Einrichtung der Navigationsund Seitenstruktur.

Notepad++ Wordpress SVN Adobe Creative Suite (InDesign Illustrator Photoshop)
Trisolute Software GmbH
3 Monate
2013-10 - 2013-12

Frontend-Unterstützung und -Beratung S2

Adobe CQ5 (CMS) Titanium (IDE) Photoshop ...

Laufende Betreuung der Firmenwebsite

  • Frontendberatung und aktive Unterstützung der Teams für Contentpflege, Design, Konzeption und Entwicklung.

  • Aktualisierungen und Anpassungen des architektonisch ungünstig ?gewachsenen? CMS des Kunden bei stark eingeschränkten Applikations-Zugriff und schwieriger Umgebung.

  • Status: Fortgesetzte Betreuung, Refaktoring des CMS in Planung

Adobe CQ5 (CMS) Titanium (IDE) Photoshop jQuery Jira XAMPP
SinnerSchrader Deutschland GmbH
7 Monate
2013-03 - 2013-09

EFS responsive Umfragemodule

Titanium (IDE) Firebug Photoshop ...

Umstellung der existierenden Enterprise Umfrage-Suite auf responsive Design

  • Geräteunabhängige Frontend-/UI-Umsetzung (responsive) mittels HTML, CSS, Javascript.

  • Insbesondere Erstellung von adaptiven Prototypen unterschiedlicher visueller Ausprägung für Umfragemodule unter Berücksichtigung bestehender Datenmodelle, des Verwaltungssystems (abwärtskompatibel) und einer hochgradigen Konfigurierbarkeit (Mandantenfähig).

Titanium (IDE) Firebug Photoshop jQuery QUnit SASS Smarty Jira XAMPP Vmware
Questback GmbH
7 Monate
2012-07 - 2013-01

CD-Relaunch Vorwerk

Aptana Firebug Photoshop ...

Relaunch mit Umsetzung des neuen Corporate Design bei allen Online Präsenzen

  • Frontend-/UI-Umsetzung nach Designvorlagen mittels HTML, CSS (SASS) und Javascript mit geringstmöglichen Änderungen an Markup und Applikationslogik (Typo3 und Magento).

  • Länderspezifische Anpassungen für internationale Rollouts (16 Websites, 9 Shops).

  • Status: Stufenweiser Relaunch ca. März 2013 abgeschlossen

Aptana Firebug Photoshop jQuery SASS Typo3 Magento SVN Redmine JW-Player
triplesense GmbH
5 Jahre 1 Monat
2007-12 - 2012-12

Betreuung Webaktivitäten

Freier Grafiker, Illustrator Photoshop Eclipse Aptana ...
Freier Grafiker, Illustrator

Ständige Pflege, Aktualisierung und Erweiterung der Websites und des Online-Shops. Migration in ein CMS (Drupal).

  • Komplettbetreung und Beratung zu allen Online-Aktivitäten

  • Beratung (Strategie, Marketing, Machbarkeit, SEO, Ideenfindung)

  • Bildbearbeitung, Templates (XHTML), Stylesheets (CSS), Javascript, PHP, MySQL, CMS-Einrichtung /-Modifikation und Themeerstellung (Drupal)

  • Servern- und Domainverwaltung, Backupsystem

  • Status: Online, gelegentliche Feature Erweiterungen

Photoshop Eclipse Aptana Firebug Drupal SSH SVN VMware Cron Shellskripte phpmyadmin OpenOffice
Gelini
3 Monate
2012-06 - 2012-08

Trisolute Suite News Dashboard

Aptana Firebug Photoshop ...

Eigenproduktion: Online SEO-Tool zur Analyse von Optimierungs-Aktivitäten und -Potentialen bzgl. Google-News.

  • Umsetzung des User-Interfaces per CSS, basierend auf Vorgaben durch die Applikation (JSF) und vorhandenen Grafik-Entwürfen.

  • Außerdem Beratung und Unterstützung in Layout-, Design-, Usability-Fragen.

  • Status: Tool online bzw. im Vertrieb.

Aptana Firebug Photoshop Java-Server-Faces Redmine
Trisolute GmbH
3 Monate
2012-04 - 2012-06

Portal Apptogether

OpenOffice Mindmanager Dia (Flow-Diagramm)

Aufbau eines Community-Portals zur Zusammenführung von Kreativen der Sparten Text, Illustration und Sound zwecks gemeinschaftlicher Online-Erstellung von Apps.

  • Erstellung eines Pflichtenheftes nach grundlegender Beratung zu Umsetzungsmöglichkeiten mit Drupal und Beteiligung an der Konzeption.

  • Status: Nicht umgesetzt wegen fehlender personeller Ressourcen.

OpenOffice Mindmanager Dia (Flow-Diagramm)
zuuka GmbH
2 Monate
2011-12 - 2012-01

Konversionsoptimierung Telekom Partnerwelt

Aptana Firebug Photoshop ...

Konversionsoptimierung für Angebots- und Informationsseiten des TK-Konzerns zu Partner-/Affiliateprogrammen.

  • Beratung zu Usability, Frontend-/UI-Umsetzung, Erstellung von Designvorlagen, Wireframes und Layouts.

  • Status: Nach Auswertung A/B-Testing weitere Optimierungen geplant

Aptana Firebug Photoshop Hotgloo (Online Wireframing Tool)
Trisolute GmbH
6 Monate
2011-07 - 2011-12

Frontendentwicklung VCC (Navigationsgerät embedded)

Navteq GmbH Eclipse Aptana Firebug ...
Navteq GmbH

Fest in Automobil verbautes und mit Fahrzeugbedienelementen verbundenes Navigationssystem, aufbauend auf einem embedded Linux, Anwendung basiert auf QtWebkit.

  • Umsetzung des User-Interfaces nach Spezifikationen des Automobilherstellers mittels HTML5, SVG, Javascript, CSS in QtWebkit Umgebung.

  • Dazu Konzeption, Dokumentation, Qualitätssicherung (automatisierte Tests, TDD, Continuous Integration).

  • Status: Erste lauffähige Basisapplikation (Fortentwicklung mit Wechsel des Hardwareproduzenten unterbrochen), weiterer Verlauf unbekannt

Eclipse Aptana Firebug SVN VirtualBox jQuery Squish (UI-Test IDE) Raphael (SVG Framework) Jasmine (Javascript BDD Framework) QtWebkit-Inspector YUI-Compressor YUIdoc Scrum Jira.
7 Monate
2010-12 - 2011-06

Frontendmigration Rezeptdatenbank

Eclipse Aptana Firebug ...

Refaktorierung und Migration einer Datenbankapplikation (Kochrezeptsammlung) mit anschließendem Webrelaunch.

  • Frontendentwicklung nach Lastenheft und vorhandenem Layout und Design:

    • Übertragung des aktuellen visuellen Auftritts in ein Drupal-Theme, Themeerstellung (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS), Javascript (jQuery)

    • Bildbearbeitung, Markup Optimierung

  • Status: Relaunched ca. Juli 2011

Eclipse Aptana Firebug SVN VMware Drupal jQuery Jira (Tracking-System)
MaResCom GmbH
7 Monate
2010-10 - 2011-04

Frontendentwicklung Reaktivierung Frauenportal

Eclipse Aptana Firebug ...

Wiederaufnahme und -veröffentlichung Frauenportal, Entwicklung und Integration neuer Features, Aktualisierung und Erweiterungen vorhandener Features (Funktionalität + UI), insbesondere Verstärkung der Community-/Social-Elemente

  • Frontendentwicklung nach Lastenheft, Layout- und Grafikvorlagen:

    • Themepflege (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS)

    • Javascript (jQuery, CKeditor)

    • Bildbearbeitung, Beratung bzgl. Machbarkeit, Dokumentation

  • Status: Nach mehreren Veröffentlichungsphasen eingestellt, bzw. inhaltlich im allgemeinen Portal des Konzerns integriert.

Eclipse Aptana Firebug SVN VMware Drupal jQuery FCKeditor SSH Redmine
Deutsche Telekom AG
6 Monate
2010-04 - 2010-09

Webcrumbs Client

Eclipse Aptana Firebug ...

Webclient zur Aggregation von Social-Network-Inhalten mit zentraler Verwaltung durch einen Webservice, verknüpft mit einem Desktopclient als standalone und embeddable Lösung. Inhalte werden über öffentliche Schnittstellen dynamisch eingebunden. Oberfläche soll sich desktopähnlich verhalten und dem Benutzer entsprechende Einstellmöglichkeiten bieten.

  • Frontendentwicklung nach Lastenheft, Layout- und Grafikvorlagen:

    • Themeerstellung (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS)

    • Javascript (jQuery), DOM Manipulationen (Sortierbarkeit, Drag'n'Drop, Custom-Scroller, etc. inkl. Persistierung per AJAX)

    • Umsetzung komplexer Designvorgaben (JS-Animationen, Flyouts)

    • Bildbearbeitung, Beratung bzgl. Machbarkeit, Dokumentation

  • Status: 6 Wochen nach Veröffentlichung aus konzernpolitischen Gründen eingestellt.

Eclipse Aptana Firebug SVN VMware Drupal jQuery SSH Redmine
Deutsche Telekom AG

Aus- und Weiterbildung

Aus- und Weiterbildung

2000 - 2001

Weiterbildung zum Mediendesigner Fachrichtung Multimedia mit Abschluß-Zertifikat (DTP-Akademie Neu-Isenburg)

1993 - 2000

Weiterbildungen im Bereich digitale Gestaltung und Produktion

1993

Abschluss Berufsausbildung Siebdrucker (erste DTP-Erfahrungen)

1986

Abitur (Alexander-von-Humboldt Gymnasium, Schweinfurt)

1990 - 1991

Akademie der bildenden Künste, Nürnberg

Studium Malerei und Freie Grafik

Abschluss: nicht abgeschlossen

Schwerpunkte:

  • Praktika und Auftragsarbeiten im grafischen Gewerbe

Position

Position

Kompetenzen

Kompetenzen

Top-Skills

HTML CSS Accessibility WCAG BITV SVG X-Browser DOM JSON AJAX Responsive Webdesign XML Web Components

Produkte / Standards / Erfahrungen / Methoden

Profil

Ich entwickle und gestalte webbasierte Benutzeroberflächen. Meine Spezialisierung liegt dabei in der Frontendentwicklung und der geräteunabhängigen, benutzerorientierten Umsetzung anspruchsvoller Designs unter besonderer Berücksichtigung zukunftsfähiger technischer Standards und einer semantisch strukturierten Auszeichnung der Inhalte mit dem Ziel einer nachhaltigen User-Experience, Usability und Accessibility. Zusätzlich biete ich Unterstützung bei der Ideenfindung, Konzeptionierung, Grafik und Design für zielgruppengerechte, benutzerorientierte Webinterfaces. Durch meine umfangreiche Vorbildung im grafischen Sektor und meine langjährigen Erfahrungen in der Entwicklung von Web-Frontends sehe ich mich als Spezialist für die zielorientierte Zusammenführung der inhaltlichen, gestalterischen und funktionalen Anforderungen im Dialog zwischen dem Anbieter eines Webangebots und seinen Rezipienten. Da ich bis 2003 viel Hardware- und Systemsupport angeboten und geleistet habe, gibt es aus dieser Zeit nur wenige Kundenreferenzen im Bereich Webdesign und Web-Development. Dennoch war ich während dessen parallel mit Web-Entwicklungen beschäftigt, häufig für eigene private Projekte, gelegentlich habe ich für andere Freiberufler Module erstellt, die diese im Kundenauftrag benötigten. Nach meiner Rückkehr aus China (Projektleitung) habe ich mein Geschäftsfeld neu definiert und biete seitdem nur noch Dienstleistungen in den Bereichen Medien- design und Web-Entwicklung an.

Werdegang

2001 - heute:

Rolle: Selbständig

Aufgaben:

  • u.a. Cross-Media-Design, -Programmierung und Support

1993 ? 2000

Rolle: Siebdrucker und Werbetechniker

ALLGEMEINE KOMPETENZEN

  • Sozialer Umgang: Tolerant, Teamfähig, Kooperativ, Ausgeglichen

  • Arbeitsweise: Strukturiert, Gewissenhaft, Effizient, Termin- / Zielorientiert

  • Denkweise: Analytisch, Logisch, Objektiv, Kunden- / Benutzerorientiert

Web-Standards:

W3C, WCAG, BITV, WhatWG, Microformat, Microdata, Rich Snippets (Google), Usability (Benutzbarkeit), Semantische Auszeichnung, Accessibility (Zugänglichkeit, Barrierefreiheit), ARIA, User-Centered, Mobile First, Content First, X-Browser (Crossbrowser), Clean Url, SEO

Markup:

Valides XHTML (strict), HTML5, CSS3, Media Queries, Responsive Design, Adaptive Layout, PWA (Progressive Web App), Browser-APIs, Regular Expressions, AJAX, DOM, JSON, XML, PHP, SQL, SVG, TDD (testgetriebene Entwicklung), Agile Entwicklung, XP (Extreme Programming), Pair Programming, JSdoc (automatisierte Dokumentation), MVC, Design-Pattern, Wartbarkeit, Polyfills, Progressive Enhancement, Graceful Degradation, Graded Browser Support, HTTPProtokoll, Encoding, Decoding, Websockets, SPA (Single Page Application), Web Components

Frameworks, Libraries, CMS:

Drupal, jQuery, Angular, NodeJS, CKeditor, YAML, swfObject, JW-Player, VideoJS, SwiperJS, Jasmine (TDD, BDD), Karma (Testrunner), PhantomJS, Squish (UI Testing), Raphaël (SVG), SASS + Compass (CSS), Zen-Grids, APIs (z.B. Google Maps), Leaflet, TYPO3, Adobe CQ5, Pattern-Lab

Entwicklungsumgebung, IDE:

Eclipse, Aptana, Titanium Studio, Webstorm, Notepad++, Netbeans, VMware, VirtualBox, ADT (Android Developer Tools), CVS, SVN, Git, WinMerge, K-Diff, LAMPP, XAMPP, Apache, modrewrite, phpmyadmin, SFTP, WinSCP, SSH, Putty, Jenkins

Kommandozeile, Konsole:

SSH, shell-scripts, sh, bash, awk, sed, rsync, cron, vi, tar, grep, etc.

Grafik, Design:

Liquides bzw. flexibles Layout, Typographie, Farblehre, Farb- und Bildkomposition, Kontrastanalyse, Moodboards, Styleguides, Adobe CS, Fotografie, Bildbearbeitung, Vektorgrafik, Farbräume, Konvertierung, Komprimierung, Bildformate, Videoformate, Audioformate

Kommunikation, Workflow, Konzeption:

MS-Teams, Office-Software, Jira, Confluence, Mindmapping, Wireframes, Storyboards, Responsive Design Workflow, User-Stories, Issuetracker, Scrum, Planning Poker, Lastenheft, Pflichtenheft.

Sonstiges:

Ideenfindung, Daten- und Materialaufbereitung, Informationsarchitektur, Konzeptionierung von Medien-Präsentationen, Wahrnehmungspsychologie, UX (User-Experience).

Kenntnisse in Branchen

Internet, IT, EDV:

Über 20 Jahre Berufserfahrung in der Webentwicklung, Produktion interaktiver Medien, insbesondere für Internet (aber auch CD/DVD und embedded Systeme), vielfältige Kontakte in der Branche. Außerdem frühere Nebentätigkeit im Hardware- und System-Support, speziell für digitale Gestalter und deren Bedarf.

Medien, Kommunikation:

Langjährige Zusammenarbeit mit Agenturen und Dienstleistern in der Medienproduktion (Webapplikationen, Interaktive Pressemappen auf CD/DVD, Infotainment-DVD, IP-TVApplikation für Settop-Box) und Kommunikative Veranstaltungen und Events (Below-the-Line, Guerilla-Marketing).

Grafik, Design:

Über 30 Jahre Erfahrung in der Zusammenarbeit mit Grafikern, Designern, Fotografen, Textern und gestalterisch tätigen Agenturen. Eigene nebenberufliche Tätigkeiten in diesen Bereichen.

Kunst, Kultur:

Enge Kontakte zur Szene (Medienkunst, Konzeptionelle Kunst, Bildende Kunst, Musik, Darstellende Künste), oft auch mit Schnittstellen zur Werbebranche. Früher eigene Aktivitäten in diesen Bereichen. Außerdem frühere Zusammenarbeit mit Museen, Spielstätten und Konzept- bzw. Eventgastronomie.

Telekommunikation:

Mehrfache projektbezogene Zusammenarbeit mit TK-Konzernen.

Finanzdienstleistung:

Frontendentwicklung für Finanzdienstleistungsportal (Startup), Evaluierung des Frontends eines etablierten Finanzportals und Erstellung eines Maßnahmenkatalogs zur Optimierung.

Drucktechnik, Werbetechnik:

10 Jahre Berufserfahrung in den Bereichen Siebdruck, Schriftsatz, Druckvorlagenherstellung, Reprofotografie, Druckweiterverarbeitung, Beschriftungstechnik. Leitende Positionen: Werkstattleitung, Produktionsleitung, Aufbau einer Produktionsstätte in China.

IT-Dienstleister, Rechenzentrum:

Zusammenarbeit im Rahmen von Kundenprojekten

Schulung:

Im Rahmen leitender Positionen in der Druckbranche sowie als Spezialist innerhalb von IT-Projektteams, Einarbeitung und Führung von Fach- und Hilfspersonal, Workflowoptimierung, Qualitätssicherung.

Transport, Logistik, Verkehr:

Entwicklung Infotainment-Portal für Personenfernverkehr. Im Rahmen des Aufbaus einer Produktionsstätte im Ausland, enge Zusammenarbeit mit Speditionen, Logistikunternehmen und Behörden für Maschinen- und Materialimporte, sowie Produktexporte.

Betriebssysteme

Mac OS
Anwendung, Grundkenntnisse Administration
Unix
Anwendung, Grundkenntnisse Administration (Ubuntu, SuSE, Android)
Windows
Anwendung, Grundkenntnisse Administration
Linux
Anwendung, Grundkenntnisse Administration (Ubuntu, SuSE, Android)
  •  Ich arbeite seit Jahren aktiv in allen Welten: Windows, Linux, Mac, iOS, Android

Programmiersprachen

JavaScript
Expertenkenntnisse, jQuery, Frameworks, Polyfills, AJAX, DOM, OOP, TDD
Lingo
Grundkenntnisse
PHP
Fortgeschrittene Kenntnisse, Templating, Theme-Erstellung
Scriptsprachen
Fortgeschrittene Kenntnisse (bis AS2)
Shell
Fortgeschrittene Kenntnisse
HTML
Expertenkenntnisse, HTML 4, XHTML strict, HTML 5
CSS
Expertenkenntnisse, CSS 2.1, CSS 3, Frameworks, SASS, OOCSS, SMACSS
SVG
Fortgeschrittene Kenntnisse, Raphaël (Javascript-Framework für SVG)
XML
Fortgeschrittene Kenntnisse, XSL, X-Path
SQL
Grundkenntnisse, phpmyadmin, CLI

Datenbanken

MySQL
Grundkenntnisse, phpmyadmin, CLI

Datenkommunikation

 

Hardware

  • Früher habe ich spezialisierten Support (bis hin zu Workstations im Eigenbau) für digitale Gestalter (Grafiker, Filmemacher, Musiker, etc) geleistet, und mir hierfür umfangreiche Kenntnisse angeeignet.

  • Heute beschränken sich meine Hardware-Kenntnisse auf Grundlagen und der Nutzung im Rahmen der Projektanforderungen.

Branchen

Branchen

  • Internet, IT, EDV

  • Medien / Kommunikation

  • Grafik / Design:

  • Kunst / Kultur

  • Telekommunikation

  • Finanz-Dienstleister

  • IT-Dienstleister, Rechenzentrum:

  • Druck / Werbetechnik

  • Schulung

  • Transport, Logistik, Verkehr

Einsatzorte

Einsatzorte

Frankfurt am Main (+20km) Schweinfurt (+10km)
Deutschland
Andere Orte kann ich derzeit nur Full-Remote bedienen
möglich

Projekte

Projekte

8 Monate
2022-10 - 2023-05

BITV Relaunch

Berater Web-Accessibility CSS3 HTML5 ARIA ...
Berater Web-Accessibility
Projekt:
Relaunch (UX und Barrierefreiheit) der Webpräsenz eines Bestandskunden der Agentur
Aufgaben:
Beratung, Schulung und Coaching der beteiligten Teams (Design, Entwicklung) bezüglich HTML-Semantik und Barrierefreiheit. Analyse des aktuellen Auftritts nach WCAG-Kriterien, Erstellen eines Maßnahmenkatalogs, Schulung technischer Grundlagen (HTML, ARIA, CSS, Assistive Technologien), Umsetzungsbegleitung mit Code-Reviews
WCAG BITV JAWS NVDA VoiceOver Talkback Browsererweiterungen zur Analyse
CSS3 HTML5 ARIA MSTeams
Digitalagentur (NDA)
Remote
1 Jahr 1 Monat
2021-07 - 2022-07

Sabbatical

Sanierung und Umbau eines Wohngebäudes (in Spanien) größtenteils in Eigenleistung
7 Jahre 5 Monate
2014-02 - 2021-06

ICE Zugportal

WCAG BITV InVision ...

Portal mit Reiseinformationen und Entertainment für Fernverkehrszüge (Release 0 bis einschließlich Release 3)

  • Agile Umsetzung einer geräteunabhängigen (Windows, MacOS, Android, iOS) Single- Page Webapplikation (SPA) im Scrum-Team, mittels HTML5, CSS3, SVG und Javascript auf Basis eines Styleguides, Userstories und Designvorlagen.

  • Beratung zu Barrierefreiheit, Semantik, Responsive Design, skalierbare, modulare Frontend-Architektur und Schulung des Frontend-Teams.

  • Status: Produktiveinsatz seit Mitte 2015, regelmäßige Folgereleases

WCAG BITV InVision Webstorm (IDE) Angular Leaflet VideoJS SwiperJS PWA Karma PhantomJS Jasmine SASS/SCSS Jira Confluence SVN Git Node.js Jenkins MSTeams
DB Systel GmbH
7 Jahre 6 Monate
2013-08 - 2021-01

T.Ko Imagewebsite

Drupal (CMS) SublimeText (Editor) Photoshop ...

Erstellung der Firmenwebsite mit anschließender Betreuung

  • Beratung und Komplettbetreuung für den Webauftritt, Konzeption, Design, Produktfotografie, Aufbereitung vorhandener Inhalte, Unterstützung für suchmaschinengerechte Texte, geräteunabhängige technische Umsetzung (RWD), Strategische Beratung.

  • Status: Veröffentlicht, fortgesetzte Betreuung

Drupal (CMS) SublimeText (Editor) Photoshop jQuery SASS/Compass Trac Git VirtualBox
T.Ko Kohlhepp GmbH
6 Jahre 5 Monate
2011-03 - 2017-07

Migration und Betreuung Website

Eclipse Aptana Firebug ...

Ablösung der Flashbasierten Firmenwebsite durch ein zugängliches System (SEO, Accessibility) unter Beibehaltung des Designs inkl. vorhandener Animationen.

  • Komplettumsetzung in Drupal: Erstellung von Inhaltstypen, Views, Navigationstruktur und Theme, Übertragung der vorhandenen Inhalte, Deployment.

  • Status: Wurde Ende April 2011 relaunched, dauerhafte Betreuung

Eclipse Aptana Firebug SVN VMware Drupal jQuery CKeditor SSH Trac Photoshop
Weingut Ewald Neder
2 Monate
2014-08 - 2014-09

Landingpage News Dashboard

Notepad++ Wordpress SVN ...

Landingpage mit Blog für die Bewerbung eines Software Produktes (News Dashboard)

  • Optimierung des Frontends für SEO (Markup, Semantik) und Verbesserung der User Experience (Geräteunabhängigkeit, Usability), Anpassung des Themes (Design, Layout, CSS) an die neue Corporate Identity.

  • Unterstützung bei Einrichtung der Navigationsund Seitenstruktur.

Notepad++ Wordpress SVN Adobe Creative Suite (InDesign Illustrator Photoshop)
Trisolute Software GmbH
3 Monate
2013-10 - 2013-12

Frontend-Unterstützung und -Beratung S2

Adobe CQ5 (CMS) Titanium (IDE) Photoshop ...

Laufende Betreuung der Firmenwebsite

  • Frontendberatung und aktive Unterstützung der Teams für Contentpflege, Design, Konzeption und Entwicklung.

  • Aktualisierungen und Anpassungen des architektonisch ungünstig ?gewachsenen? CMS des Kunden bei stark eingeschränkten Applikations-Zugriff und schwieriger Umgebung.

  • Status: Fortgesetzte Betreuung, Refaktoring des CMS in Planung

Adobe CQ5 (CMS) Titanium (IDE) Photoshop jQuery Jira XAMPP
SinnerSchrader Deutschland GmbH
7 Monate
2013-03 - 2013-09

EFS responsive Umfragemodule

Titanium (IDE) Firebug Photoshop ...

Umstellung der existierenden Enterprise Umfrage-Suite auf responsive Design

  • Geräteunabhängige Frontend-/UI-Umsetzung (responsive) mittels HTML, CSS, Javascript.

  • Insbesondere Erstellung von adaptiven Prototypen unterschiedlicher visueller Ausprägung für Umfragemodule unter Berücksichtigung bestehender Datenmodelle, des Verwaltungssystems (abwärtskompatibel) und einer hochgradigen Konfigurierbarkeit (Mandantenfähig).

Titanium (IDE) Firebug Photoshop jQuery QUnit SASS Smarty Jira XAMPP Vmware
Questback GmbH
7 Monate
2012-07 - 2013-01

CD-Relaunch Vorwerk

Aptana Firebug Photoshop ...

Relaunch mit Umsetzung des neuen Corporate Design bei allen Online Präsenzen

  • Frontend-/UI-Umsetzung nach Designvorlagen mittels HTML, CSS (SASS) und Javascript mit geringstmöglichen Änderungen an Markup und Applikationslogik (Typo3 und Magento).

  • Länderspezifische Anpassungen für internationale Rollouts (16 Websites, 9 Shops).

  • Status: Stufenweiser Relaunch ca. März 2013 abgeschlossen

Aptana Firebug Photoshop jQuery SASS Typo3 Magento SVN Redmine JW-Player
triplesense GmbH
5 Jahre 1 Monat
2007-12 - 2012-12

Betreuung Webaktivitäten

Freier Grafiker, Illustrator Photoshop Eclipse Aptana ...
Freier Grafiker, Illustrator

Ständige Pflege, Aktualisierung und Erweiterung der Websites und des Online-Shops. Migration in ein CMS (Drupal).

  • Komplettbetreung und Beratung zu allen Online-Aktivitäten

  • Beratung (Strategie, Marketing, Machbarkeit, SEO, Ideenfindung)

  • Bildbearbeitung, Templates (XHTML), Stylesheets (CSS), Javascript, PHP, MySQL, CMS-Einrichtung /-Modifikation und Themeerstellung (Drupal)

  • Servern- und Domainverwaltung, Backupsystem

  • Status: Online, gelegentliche Feature Erweiterungen

Photoshop Eclipse Aptana Firebug Drupal SSH SVN VMware Cron Shellskripte phpmyadmin OpenOffice
Gelini
3 Monate
2012-06 - 2012-08

Trisolute Suite News Dashboard

Aptana Firebug Photoshop ...

Eigenproduktion: Online SEO-Tool zur Analyse von Optimierungs-Aktivitäten und -Potentialen bzgl. Google-News.

  • Umsetzung des User-Interfaces per CSS, basierend auf Vorgaben durch die Applikation (JSF) und vorhandenen Grafik-Entwürfen.

  • Außerdem Beratung und Unterstützung in Layout-, Design-, Usability-Fragen.

  • Status: Tool online bzw. im Vertrieb.

Aptana Firebug Photoshop Java-Server-Faces Redmine
Trisolute GmbH
3 Monate
2012-04 - 2012-06

Portal Apptogether

OpenOffice Mindmanager Dia (Flow-Diagramm)

Aufbau eines Community-Portals zur Zusammenführung von Kreativen der Sparten Text, Illustration und Sound zwecks gemeinschaftlicher Online-Erstellung von Apps.

  • Erstellung eines Pflichtenheftes nach grundlegender Beratung zu Umsetzungsmöglichkeiten mit Drupal und Beteiligung an der Konzeption.

  • Status: Nicht umgesetzt wegen fehlender personeller Ressourcen.

OpenOffice Mindmanager Dia (Flow-Diagramm)
zuuka GmbH
2 Monate
2011-12 - 2012-01

Konversionsoptimierung Telekom Partnerwelt

Aptana Firebug Photoshop ...

Konversionsoptimierung für Angebots- und Informationsseiten des TK-Konzerns zu Partner-/Affiliateprogrammen.

  • Beratung zu Usability, Frontend-/UI-Umsetzung, Erstellung von Designvorlagen, Wireframes und Layouts.

  • Status: Nach Auswertung A/B-Testing weitere Optimierungen geplant

Aptana Firebug Photoshop Hotgloo (Online Wireframing Tool)
Trisolute GmbH
6 Monate
2011-07 - 2011-12

Frontendentwicklung VCC (Navigationsgerät embedded)

Navteq GmbH Eclipse Aptana Firebug ...
Navteq GmbH

Fest in Automobil verbautes und mit Fahrzeugbedienelementen verbundenes Navigationssystem, aufbauend auf einem embedded Linux, Anwendung basiert auf QtWebkit.

  • Umsetzung des User-Interfaces nach Spezifikationen des Automobilherstellers mittels HTML5, SVG, Javascript, CSS in QtWebkit Umgebung.

  • Dazu Konzeption, Dokumentation, Qualitätssicherung (automatisierte Tests, TDD, Continuous Integration).

  • Status: Erste lauffähige Basisapplikation (Fortentwicklung mit Wechsel des Hardwareproduzenten unterbrochen), weiterer Verlauf unbekannt

Eclipse Aptana Firebug SVN VirtualBox jQuery Squish (UI-Test IDE) Raphael (SVG Framework) Jasmine (Javascript BDD Framework) QtWebkit-Inspector YUI-Compressor YUIdoc Scrum Jira.
7 Monate
2010-12 - 2011-06

Frontendmigration Rezeptdatenbank

Eclipse Aptana Firebug ...

Refaktorierung und Migration einer Datenbankapplikation (Kochrezeptsammlung) mit anschließendem Webrelaunch.

  • Frontendentwicklung nach Lastenheft und vorhandenem Layout und Design:

    • Übertragung des aktuellen visuellen Auftritts in ein Drupal-Theme, Themeerstellung (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS), Javascript (jQuery)

    • Bildbearbeitung, Markup Optimierung

  • Status: Relaunched ca. Juli 2011

Eclipse Aptana Firebug SVN VMware Drupal jQuery Jira (Tracking-System)
MaResCom GmbH
7 Monate
2010-10 - 2011-04

Frontendentwicklung Reaktivierung Frauenportal

Eclipse Aptana Firebug ...

Wiederaufnahme und -veröffentlichung Frauenportal, Entwicklung und Integration neuer Features, Aktualisierung und Erweiterungen vorhandener Features (Funktionalität + UI), insbesondere Verstärkung der Community-/Social-Elemente

  • Frontendentwicklung nach Lastenheft, Layout- und Grafikvorlagen:

    • Themepflege (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS)

    • Javascript (jQuery, CKeditor)

    • Bildbearbeitung, Beratung bzgl. Machbarkeit, Dokumentation

  • Status: Nach mehreren Veröffentlichungsphasen eingestellt, bzw. inhaltlich im allgemeinen Portal des Konzerns integriert.

Eclipse Aptana Firebug SVN VMware Drupal jQuery FCKeditor SSH Redmine
Deutsche Telekom AG
6 Monate
2010-04 - 2010-09

Webcrumbs Client

Eclipse Aptana Firebug ...

Webclient zur Aggregation von Social-Network-Inhalten mit zentraler Verwaltung durch einen Webservice, verknüpft mit einem Desktopclient als standalone und embeddable Lösung. Inhalte werden über öffentliche Schnittstellen dynamisch eingebunden. Oberfläche soll sich desktopähnlich verhalten und dem Benutzer entsprechende Einstellmöglichkeiten bieten.

  • Frontendentwicklung nach Lastenheft, Layout- und Grafikvorlagen:

    • Themeerstellung (Drupal)

    • Templateerstellung (XHTML, PHPtemplate)

    • Stylesheets (CSS)

    • Javascript (jQuery), DOM Manipulationen (Sortierbarkeit, Drag'n'Drop, Custom-Scroller, etc. inkl. Persistierung per AJAX)

    • Umsetzung komplexer Designvorgaben (JS-Animationen, Flyouts)

    • Bildbearbeitung, Beratung bzgl. Machbarkeit, Dokumentation

  • Status: 6 Wochen nach Veröffentlichung aus konzernpolitischen Gründen eingestellt.

Eclipse Aptana Firebug SVN VMware Drupal jQuery SSH Redmine
Deutsche Telekom AG

Aus- und Weiterbildung

Aus- und Weiterbildung

2000 - 2001

Weiterbildung zum Mediendesigner Fachrichtung Multimedia mit Abschluß-Zertifikat (DTP-Akademie Neu-Isenburg)

1993 - 2000

Weiterbildungen im Bereich digitale Gestaltung und Produktion

1993

Abschluss Berufsausbildung Siebdrucker (erste DTP-Erfahrungen)

1986

Abitur (Alexander-von-Humboldt Gymnasium, Schweinfurt)

1990 - 1991

Akademie der bildenden Künste, Nürnberg

Studium Malerei und Freie Grafik

Abschluss: nicht abgeschlossen

Schwerpunkte:

  • Praktika und Auftragsarbeiten im grafischen Gewerbe

Position

Position

Kompetenzen

Kompetenzen

Top-Skills

HTML CSS Accessibility WCAG BITV SVG X-Browser DOM JSON AJAX Responsive Webdesign XML Web Components

Produkte / Standards / Erfahrungen / Methoden

Profil

Ich entwickle und gestalte webbasierte Benutzeroberflächen. Meine Spezialisierung liegt dabei in der Frontendentwicklung und der geräteunabhängigen, benutzerorientierten Umsetzung anspruchsvoller Designs unter besonderer Berücksichtigung zukunftsfähiger technischer Standards und einer semantisch strukturierten Auszeichnung der Inhalte mit dem Ziel einer nachhaltigen User-Experience, Usability und Accessibility. Zusätzlich biete ich Unterstützung bei der Ideenfindung, Konzeptionierung, Grafik und Design für zielgruppengerechte, benutzerorientierte Webinterfaces. Durch meine umfangreiche Vorbildung im grafischen Sektor und meine langjährigen Erfahrungen in der Entwicklung von Web-Frontends sehe ich mich als Spezialist für die zielorientierte Zusammenführung der inhaltlichen, gestalterischen und funktionalen Anforderungen im Dialog zwischen dem Anbieter eines Webangebots und seinen Rezipienten. Da ich bis 2003 viel Hardware- und Systemsupport angeboten und geleistet habe, gibt es aus dieser Zeit nur wenige Kundenreferenzen im Bereich Webdesign und Web-Development. Dennoch war ich während dessen parallel mit Web-Entwicklungen beschäftigt, häufig für eigene private Projekte, gelegentlich habe ich für andere Freiberufler Module erstellt, die diese im Kundenauftrag benötigten. Nach meiner Rückkehr aus China (Projektleitung) habe ich mein Geschäftsfeld neu definiert und biete seitdem nur noch Dienstleistungen in den Bereichen Medien- design und Web-Entwicklung an.

Werdegang

2001 - heute:

Rolle: Selbständig

Aufgaben:

  • u.a. Cross-Media-Design, -Programmierung und Support

1993 ? 2000

Rolle: Siebdrucker und Werbetechniker

ALLGEMEINE KOMPETENZEN

  • Sozialer Umgang: Tolerant, Teamfähig, Kooperativ, Ausgeglichen

  • Arbeitsweise: Strukturiert, Gewissenhaft, Effizient, Termin- / Zielorientiert

  • Denkweise: Analytisch, Logisch, Objektiv, Kunden- / Benutzerorientiert

Web-Standards:

W3C, WCAG, BITV, WhatWG, Microformat, Microdata, Rich Snippets (Google), Usability (Benutzbarkeit), Semantische Auszeichnung, Accessibility (Zugänglichkeit, Barrierefreiheit), ARIA, User-Centered, Mobile First, Content First, X-Browser (Crossbrowser), Clean Url, SEO

Markup:

Valides XHTML (strict), HTML5, CSS3, Media Queries, Responsive Design, Adaptive Layout, PWA (Progressive Web App), Browser-APIs, Regular Expressions, AJAX, DOM, JSON, XML, PHP, SQL, SVG, TDD (testgetriebene Entwicklung), Agile Entwicklung, XP (Extreme Programming), Pair Programming, JSdoc (automatisierte Dokumentation), MVC, Design-Pattern, Wartbarkeit, Polyfills, Progressive Enhancement, Graceful Degradation, Graded Browser Support, HTTPProtokoll, Encoding, Decoding, Websockets, SPA (Single Page Application), Web Components

Frameworks, Libraries, CMS:

Drupal, jQuery, Angular, NodeJS, CKeditor, YAML, swfObject, JW-Player, VideoJS, SwiperJS, Jasmine (TDD, BDD), Karma (Testrunner), PhantomJS, Squish (UI Testing), Raphaël (SVG), SASS + Compass (CSS), Zen-Grids, APIs (z.B. Google Maps), Leaflet, TYPO3, Adobe CQ5, Pattern-Lab

Entwicklungsumgebung, IDE:

Eclipse, Aptana, Titanium Studio, Webstorm, Notepad++, Netbeans, VMware, VirtualBox, ADT (Android Developer Tools), CVS, SVN, Git, WinMerge, K-Diff, LAMPP, XAMPP, Apache, modrewrite, phpmyadmin, SFTP, WinSCP, SSH, Putty, Jenkins

Kommandozeile, Konsole:

SSH, shell-scripts, sh, bash, awk, sed, rsync, cron, vi, tar, grep, etc.

Grafik, Design:

Liquides bzw. flexibles Layout, Typographie, Farblehre, Farb- und Bildkomposition, Kontrastanalyse, Moodboards, Styleguides, Adobe CS, Fotografie, Bildbearbeitung, Vektorgrafik, Farbräume, Konvertierung, Komprimierung, Bildformate, Videoformate, Audioformate

Kommunikation, Workflow, Konzeption:

MS-Teams, Office-Software, Jira, Confluence, Mindmapping, Wireframes, Storyboards, Responsive Design Workflow, User-Stories, Issuetracker, Scrum, Planning Poker, Lastenheft, Pflichtenheft.

Sonstiges:

Ideenfindung, Daten- und Materialaufbereitung, Informationsarchitektur, Konzeptionierung von Medien-Präsentationen, Wahrnehmungspsychologie, UX (User-Experience).

Kenntnisse in Branchen

Internet, IT, EDV:

Über 20 Jahre Berufserfahrung in der Webentwicklung, Produktion interaktiver Medien, insbesondere für Internet (aber auch CD/DVD und embedded Systeme), vielfältige Kontakte in der Branche. Außerdem frühere Nebentätigkeit im Hardware- und System-Support, speziell für digitale Gestalter und deren Bedarf.

Medien, Kommunikation:

Langjährige Zusammenarbeit mit Agenturen und Dienstleistern in der Medienproduktion (Webapplikationen, Interaktive Pressemappen auf CD/DVD, Infotainment-DVD, IP-TVApplikation für Settop-Box) und Kommunikative Veranstaltungen und Events (Below-the-Line, Guerilla-Marketing).

Grafik, Design:

Über 30 Jahre Erfahrung in der Zusammenarbeit mit Grafikern, Designern, Fotografen, Textern und gestalterisch tätigen Agenturen. Eigene nebenberufliche Tätigkeiten in diesen Bereichen.

Kunst, Kultur:

Enge Kontakte zur Szene (Medienkunst, Konzeptionelle Kunst, Bildende Kunst, Musik, Darstellende Künste), oft auch mit Schnittstellen zur Werbebranche. Früher eigene Aktivitäten in diesen Bereichen. Außerdem frühere Zusammenarbeit mit Museen, Spielstätten und Konzept- bzw. Eventgastronomie.

Telekommunikation:

Mehrfache projektbezogene Zusammenarbeit mit TK-Konzernen.

Finanzdienstleistung:

Frontendentwicklung für Finanzdienstleistungsportal (Startup), Evaluierung des Frontends eines etablierten Finanzportals und Erstellung eines Maßnahmenkatalogs zur Optimierung.

Drucktechnik, Werbetechnik:

10 Jahre Berufserfahrung in den Bereichen Siebdruck, Schriftsatz, Druckvorlagenherstellung, Reprofotografie, Druckweiterverarbeitung, Beschriftungstechnik. Leitende Positionen: Werkstattleitung, Produktionsleitung, Aufbau einer Produktionsstätte in China.

IT-Dienstleister, Rechenzentrum:

Zusammenarbeit im Rahmen von Kundenprojekten

Schulung:

Im Rahmen leitender Positionen in der Druckbranche sowie als Spezialist innerhalb von IT-Projektteams, Einarbeitung und Führung von Fach- und Hilfspersonal, Workflowoptimierung, Qualitätssicherung.

Transport, Logistik, Verkehr:

Entwicklung Infotainment-Portal für Personenfernverkehr. Im Rahmen des Aufbaus einer Produktionsstätte im Ausland, enge Zusammenarbeit mit Speditionen, Logistikunternehmen und Behörden für Maschinen- und Materialimporte, sowie Produktexporte.

Betriebssysteme

Mac OS
Anwendung, Grundkenntnisse Administration
Unix
Anwendung, Grundkenntnisse Administration (Ubuntu, SuSE, Android)
Windows
Anwendung, Grundkenntnisse Administration
Linux
Anwendung, Grundkenntnisse Administration (Ubuntu, SuSE, Android)
  •  Ich arbeite seit Jahren aktiv in allen Welten: Windows, Linux, Mac, iOS, Android

Programmiersprachen

JavaScript
Expertenkenntnisse, jQuery, Frameworks, Polyfills, AJAX, DOM, OOP, TDD
Lingo
Grundkenntnisse
PHP
Fortgeschrittene Kenntnisse, Templating, Theme-Erstellung
Scriptsprachen
Fortgeschrittene Kenntnisse (bis AS2)
Shell
Fortgeschrittene Kenntnisse
HTML
Expertenkenntnisse, HTML 4, XHTML strict, HTML 5
CSS
Expertenkenntnisse, CSS 2.1, CSS 3, Frameworks, SASS, OOCSS, SMACSS
SVG
Fortgeschrittene Kenntnisse, Raphaël (Javascript-Framework für SVG)
XML
Fortgeschrittene Kenntnisse, XSL, X-Path
SQL
Grundkenntnisse, phpmyadmin, CLI

Datenbanken

MySQL
Grundkenntnisse, phpmyadmin, CLI

Datenkommunikation

 

Hardware

  • Früher habe ich spezialisierten Support (bis hin zu Workstations im Eigenbau) für digitale Gestalter (Grafiker, Filmemacher, Musiker, etc) geleistet, und mir hierfür umfangreiche Kenntnisse angeeignet.

  • Heute beschränken sich meine Hardware-Kenntnisse auf Grundlagen und der Nutzung im Rahmen der Projektanforderungen.

Branchen

Branchen

  • Internet, IT, EDV

  • Medien / Kommunikation

  • Grafik / Design:

  • Kunst / Kultur

  • Telekommunikation

  • Finanz-Dienstleister

  • IT-Dienstleister, Rechenzentrum:

  • Druck / Werbetechnik

  • Schulung

  • Transport, Logistik, Verkehr

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.