Hello I'm Sarah

and I like to code.

About me

Ich bin ausgebildete Mediengestalterin Digital & Print mit Schwerpunkt Gestaltung und Technik – und seit über einem Jahr als Webentwicklerin tätig. Während meiner Ausbildung habe ich nicht nur umfangreiche Kenntnisse im Bereich Design gesammelt, sondern auch meine Leidenschaft für die technischen Aspekte entdeckt.

In meiner aktuellen Arbeit konnte ich diese Leidenschaft weiter vertiefen: Ich habe an einer Vielzahl von Projekten mitgewirkt – von kleinen Webseiten bis zu umfangreichen E-Commerce-Lösungen. Mein Schwerpunkt liegt dabei auf Shopware (welches auf Technologien wie Twig, Symfony und Vue.js zurückgreift), WordPress und Kirby. Je nach Projekt setze ich komplette Websites um oder entwickle gezielt einzelne Features, von responsiven Layouts bis hin zu individuellen Backend-Funktionen.

Ich habe in diesem Jahr unglaublich viel gelernt – und möchte mein Wissen auch weiterhin stetig erweitern. Neue Technologien, Frameworks und Best Practices sind für mich eine willkommene Gelegenheit, mich noch tiefer in die Webentwicklung einzuarbeiten und meine Fähigkeiten auszubauen.

Was mich an der Webentwicklung fasziniert, ist die Verbindung von Kreativität und Logik: Aus einer Idee etwas Funktionierendes, Ästhetisches und Benutzerfreundliches zu schaffen – und dabei mit jedem Projekt besser zu werden.

Im Folgenden finden sich einige ausgewählte Projekte aus meiner bisherigen Arbeit – sowohl aus meiner Agenturtätigkeit als auch aus Eigenprojekten.

My Projects

Die Paulaner Brauerei Gruppe zählt mit ihren zahlreichen Projekten zu den Hauptkunden unserer Agentur. Im Rahmen des Relaunches ihres Online-Shops war ich maßgeblich für das Frontend verantwortlich. Zu meinen Aufgaben gehörten umfangreiche Template-Anpassungen mit Twig sowie die Gestaltung und Umsetzung des Frontends mit SCSS. Neben der technischen Entwicklung habe ich auch im Designprozess mitgearbeitet und so zur visuellen Gesamtgestaltung beigetragen. Dieses Projekt war für mich zudem der Einstieg in die Arbeit mit Shopware. Am Beispiel eines zweisprachigen Shops konnte ich nicht nur die Entwicklung, sondern auch die Pflege und den technischen Aufbau des Systems intensiv kennenlernen.

Logo der Paulaner Brauerei Gruppe
Startseite der Paulaner Mediendatenbank

Für die Paulaner Brauereigruppe wurde auf Basis von Shopware 6 ein umfassender Relaunch der Mediendatenbank entwickelt. Das System umfasst mehrere Sales Channels für die unterschiedlichen Marken und Sprachen der Brauereigruppe. Das Assetmanagement wurde auf Basis von digitalen Produkten umgesetzt, wodurch Medieninhalte strukturiert verwaltet und markenspezifisch zugeordnet werden können. Ich war verantwortlich für die Frontend-Entwicklung, das UI-Design sowie die Umsetzung mehrerer Custom-Module, mit denen das Design technisch realisiert wurde. Zudem war ich an der Konzeption, Projektleitung und Kundenkommunikation beteiligt.
Das Projekt befindet sich derzeit noch vor dem Launch.

Logo der Paulaner Brauerei Gruppe
Startseite des München-Tourismus-Styleuides.

Für die Landeshauptstadt München und München Tourismus habe ich einen digitalen Styleguide auf Basis von Shopware 6 entwickelt. Als alleiniger Entwickler war ich für technische Umsetzung, Design sowie Projektleitung und Kundenkommunikation verantwortlich. Der Styleguide dient als zentrale Plattform für Designrichtlinien, Markenassets und Nutzungsrechte. Neben dem Frontend habe ich auch erste Backend-Erfahrungen in Shopware 6 gesammelt, darunter die Entwicklung eines Custom-Moduls zum Schutz von Assets. Dieses ermöglicht die Freigabe von Downloads über ein Formular- und E-Mail-basiertes Freigabesystem.
Das Projekt befindet sich derzeit noch vor dem Launch.

München-Tourismus-Logo

Chiemseer, als Untermarke der Paulaner Brauerei, gehörte ebenfalls zu unseren Kunden. Im Zuge des Relaunches der Website übernahm ich die Frontend-Entwicklung (HTML/CSS/JS) mit WordPress und war zusätzlich für verschiedene Designelemente verantwortlich. Durch dieses Projekt konnte ich mich intensiv in die Entwicklung mit WordPress einarbeiten und habe im Anschluss auch die Pflege und Wartung der Website übernommen.

Logo der Chiemseer-Brauerei

Für die Firma AquaThoP habe ich das komplette Coporate-Design entworfen. (Logo, Farben, Typografie, usw.) Außerdem war ich hier für die technische Umsetzung und das Design des Webauftritts zuständig. Für die Umsetzung habe ich mit Astro gearbeitet und im Rahmen dessen, HTML, CSS, JS und NodeJS/NPM verwendet.

Logo der Firma AquaThop.

Für die Firma Finanz-Werkzeuge habe ich die technische Umsetzung der Homepage übernommen und habe auch hier Astro benutzt. Im Rahmen von Astro habe ich mit HTML, CSS, JS und NodeJS/NPM gearbeitet.

Auf dieser Homepage habe ich auch einen Rechner entwickelt, der einem, unter Berücksichtigung verschiedener Kosten und Gebühren, seinen Gesamtverdienst errechnet. Dieser Rechner ist auf der Seite Vermögensverwaltung zu finden.

Für Professor-Money habe ich einige Landingpages für die unterschiedlichsten Projekte erstellt. Bei dieser Landingpage habe ich im Rahmen von Astro mit HTML und CSS gearbeitet, außerdem sind alle Illustrationen und das Design von mir entworfen und erstellt worden.

Für Professor Money habe ich im Laufe meiner Ausbildung die meisten Projekte erarbeitet. Da meine Ausbildung als Mediengestalter ihren eigentlichen Schwerpunkt vor allem im Designbereich hatte, habe ich hier auch zahlreiche Illustrationen und 2D–Animationen erstellt, sowie Videobearbeitungen durchgeführt. Sollten Sie also etwas sehen, dass sich bewegt, ist die Wahrscheinlichkeit hoch, dass ich dafür verantwortlich bin.

Logo der Firma Professor-Money.

Für Professor-Money habe ich einige Landingpages für die unterschiedlichsten Projekte erstellt. Bei dieser Landingpage habe ich im Rahmen von Astro mit HTML und CSS gearbeitet, außerdem sind alle Illustrationen und das Design von mir entworfen und erstellt worden.

Für Professor Money habe ich im Laufe meiner Ausbildung die meisten Projekte erarbeitet. Da meine Ausbildung als Mediengestalter ihren eigentlichen Schwerpunkt vor allem im Designbereich hatte, habe ich hier auch zahlreiche Illustrationen und 2D–Animationen erstellt, sowie Videobearbeitungen durchgeführt. Sollten Sie also etwas sehen, dass sich bewegt, ist die Wahrscheinlichkeit hoch, dass ich dafür verantwortlich bin.

Logo der Firma Professor-Money.

Weitere Projekte & Wartung

Neben den oben genannten Projekten war ich fortlaufend an der Wartung, Weiterentwicklung und Optimierung verschiedener bestehender Projekte beteiligt. Dazu gehörten unter anderem Aufgaben in den Bereichen SEO-Optimierung, Performance-Tuning, sowie Design-Anpassungen.

Ich betreue und entwickle unter anderem Projekte wie:

My contact

Illustration eines alten Desktop-PCs, auf dem eine E-Mail-Adresse zu sehen ist.
Stromleiter
Stromleiter
Stromleiter
Stromleiter
Stromleiter Stromleiter
Stromleiter
Stromleiter
Stromleiter
Stromleiter Stromleiter
Stromleiter
Stromleiter