Christoph Haupt Frontend Developer from Berlin, Germany

Case studies

Frontend Developer

Hey, ich bin Christoph und arbeite seit über zehn Jahren als Frontend-Entwickler. Ich kam autodidaktisch in den Webbereich, da ich damals nach meinem Studium zum Tontechniker für mein Musikprojekt eine Internetseite bauen musste.

2008 habe ich dann beschlossen eine Umschulung zum Mediengestalter Digital anzufangen, die ich erfolgreich mit einem IHK-Abschluss beendet habe. Seitdem arbeite ich als Webentwickler mit dem Schwerpunkt Frontend für kleinere und größere Unternehmen, als Angestellter oder Freiberufler.

Einige meiner größeren Projekte, an denen ich gearbeitet habe findest du auf dieser Seite.

In meiner Arbeit stehen benutzerfreundliche, performante und barrierearme Lösungen im Vordergrund. Außerdem biete ich technische Beratung in der Konzept- bzw. Designphase an, um auf mögliche Implikationen hinzuweisen.
Falls du Fragen oder Interesse an einer Zusammenarbeit hast, dann schreib mir gerne.

mail@c-haupt.de

3sat Mediathek

Bei der Agentur für Transformation Exozet arbeitet Christoph Haupt als Senior Frontend Developer ein Jahr lang am Relaunch der 3sat Mediathek und deren App. In der Umsetzung wurde auf einen modularen Ansatz nach Atomic Design geachtet.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Sketch / Invision
  • Node, Babel, Grunt
  • Spring
  • Twig
  • HTML, SASS, ES6, Rawblock
  • React

ZDF Mediathek

Bei der Agentur für Transformation Exozet arbeitet ich als Senior Frontend Developer am Relaunch der ZDF Mediathek.

Im ersten Jahr wurde ein Feinkonzept erstellt, der einen Prototypen beinhaltete, der schon mehrere Elemente beinhaltete, um ein Look and Feel zu haben. Außerdem war in dieser Zeit auch der Austausch mit der Konzeption und dem Design sehr eng, da viele technische Fragen, hinsichtlich der Browserunterstützung und Barrierefreiheit geklärt werden mussten.

Die zwei darauffolgenden Jahre waren die Umsetzungsphase.

2017 folgte außerdem, die Integration von heute.de in die Mediathek, wobei ich auch Konzept und Designarbeiten für einige Module übernahm.

2019 technisches Update und großes Refactoring

2021 Umbau zum Designsystem, welches für den UX Design Award 2022 nominiert wurde https://ux-design-awards.com/winners/detlines-the-design-system-for-the-zdfmediathek

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Sketch / Invision /Axure
  • Storybook, Invision Designsystem Manager
  • Node, Babel, Grunt
  • Spring
  • Handlebars, Twig
  • HTML, SASS, ES6, Rawblock
  • A11y, schema.org

Buwog

Bei der Agentur für Transformation Exozet arbeitet Christoph Haupt als Frontend Developer am Relaunch der Internetseite des Immobilienunternehmens Buwog.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator
  • Node, Grunt
  • Symfony
  • Twig
  • HTML, SASS, ES6, JSB

Ernst und Sohn

Bei der Agentur für Transformation Exozet arbeitet Christoph Haupt als Frontend Developer am Relaunch der Internetseite des Verlagshauses Ernst und Sohn.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator
  • Node, Grunt
  • Handlebars
  • HTML, SASS, ES6, JSB

Adidas

Als Frontend Developer Freelancer arbeitete ich an einigen Internetseiten des Sportartikelherstellers Adidas.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator
  • WordPress
  • PHP, HTML, CSS, JS, jQuery

Comedy Central

Als Frontend Developer Freelancer arbeitete ich an einigen Internetseiten des Fernsehsenders Comedy Central.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator / Flash
  • WordPress
  • PHP, HTML, CSS, JS, jQuery, Actionscript

Nick

Als Frontend Developer Freelancer arbeitete ich an einigen Internetseiten des Fernsehsenders Nick.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator / Flash
  • WordPress
  • PHP, HTML, CSS, JS, jQuery, Actionscript

Viva

Als Frontend Developer Freelancer arbeitete ich an einigen Internetseiten des Fernsehsenders Viva.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator / Flash
  • WordPress
  • PHP, HTML, CSS, JS, jQuery, Actionscript

Mtv

Als Frontend Developer Freelancer arbeitete ich an einigen Internetseiten des Fernsehsenders MTV.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator / Flash
  • WordPress
  • PHP, HTML, CSS, JS, jQuery, Actionscript

Fit Analytics

Als Frontend Developer Freelancer arbeitete ich der Internetseite von Fit Analytics, damals Upcload.

Bei der Umsetzung kamen folgende Technologien zum Einsatz:

  • Photoshop / Illustrator / Flash
  • WordPress
  • PHP, HTML, CSS, JS, jQuery