Mazda Portal
diva-e
(Internet und Informationstechnologie, 500-1000 Mitarbeiter)
Schlagwörter
Skills
Meine Spezialisierung ist seit vielen Jahren die Entwicklung von Weboberflächen im React/ Typescript Umfeld.
Die Umsetzung einer Oberfläche erfolgt im Idealfall nach den Vorgaben eines UX/ UI Teams (bspw. Vorlagen erstellt in Figma/ InVision etc). Als Diplom Designer bin ich auch in der Lage, dem Team Feedback zur Machbarkeit zu geben und auch mal alternative Lösungsansätze aufzuzeigen. Zudem kann ich im Rahmen von CI Vorgaben Seiten anmutungskonform auch ohne Unterstützung eines UX/ UI Teams realisieren.
In allen meinen Projekten war ich in einem agilen Team integriert und bin mit Scrum oder Kanban Verfahren sowie dem Ticketing System in Jira bestens vertraut.
Main Skills:
ReactJS
Redux
Javascript (ES5/6)
Methoden
DRY
BEM
TDD
Scrum
Kanban
Frameworks/ Web Technologien:
ReactJS
Redux
NextJS
Gatsby
Handlebars.js
Assemble
Bootstrap
Zurb
Pure.CSS
Preprocessing Tools
yarn
npm
Webpack
Grunt
Compass/ SCSS
Mocha
Chai
Enzyme
Organisation:
GitHub
GIT
Subversion
Jira
Editoren
IntelliJ
VisualStudio Code
Grafik Tools
Photoshop
Illustrator
InDesign
Gimp
Inkscape
Ausbildung:
Diplom Designer
Kommunikationsdesign Studium an der Fachhochschule München
1995 Abschluß zum Diplom Designer (FH)
Sprachen:
Deutsch (Muttersprache)
Englisch
Einsatzort:
bevorzugter Einsatzort ist München
Die Umsetzung einer Oberfläche erfolgt im Idealfall nach den Vorgaben eines UX/ UI Teams (bspw. Vorlagen erstellt in Figma/ InVision etc). Als Diplom Designer bin ich auch in der Lage, dem Team Feedback zur Machbarkeit zu geben und auch mal alternative Lösungsansätze aufzuzeigen. Zudem kann ich im Rahmen von CI Vorgaben Seiten anmutungskonform auch ohne Unterstützung eines UX/ UI Teams realisieren.
In allen meinen Projekten war ich in einem agilen Team integriert und bin mit Scrum oder Kanban Verfahren sowie dem Ticketing System in Jira bestens vertraut.
Main Skills:
ReactJS
Redux
Javascript (ES5/6)
Methoden
DRY
BEM
TDD
Scrum
Kanban
Frameworks/ Web Technologien:
ReactJS
Redux
NextJS
Gatsby
Handlebars.js
Assemble
Bootstrap
Zurb
Pure.CSS
Preprocessing Tools
yarn
npm
Webpack
Grunt
Compass/ SCSS
Mocha
Chai
Enzyme
Organisation:
GitHub
GIT
Subversion
Jira
Editoren
IntelliJ
VisualStudio Code
Grafik Tools
Photoshop
Illustrator
InDesign
Gimp
Inkscape
Ausbildung:
Diplom Designer
Kommunikationsdesign Studium an der Fachhochschule München
1995 Abschluß zum Diplom Designer (FH)
Sprachen:
Deutsch (Muttersprache)
Englisch
Einsatzort:
bevorzugter Einsatzort ist München
Projekthistorie
07/2021
-
05/2023
Mazda Händlerplattform, 07.2021 bis 04.2023
https://shop.mazda.co.uk/ (DH1 1AA, GU16 7HF)
Als Frontend Entwickler in freier Mitarbeit bei der Diva-e in München. Entwickelt auf Basis der Commerce Platform VTEX (http://vtex.com).
“Build lightning-fast storefronts, custom apps and integrations and eliminate manual tasks across your delivery lifecycle”
Vtex bietet eine Reihe von Apps für Back- und Frontend, mit dem sich im Baukasten Prinzip Shopping Lösungen verwirklichen lassen.
Im Projekt wurde das klassische CMS benutzt, das mit einem auf React/Typescript basierenden Frontend kommt. Konfiguration des Frontend wird mit JSON beschrieben.
Mein Aufgabenbereich:
https://shop.mazda.co.uk/ (DH1 1AA, GU16 7HF)
Als Frontend Entwickler in freier Mitarbeit bei der Diva-e in München. Entwickelt auf Basis der Commerce Platform VTEX (http://vtex.com).
“Build lightning-fast storefronts, custom apps and integrations and eliminate manual tasks across your delivery lifecycle”
Vtex bietet eine Reihe von Apps für Back- und Frontend, mit dem sich im Baukasten Prinzip Shopping Lösungen verwirklichen lassen.
Im Projekt wurde das klassische CMS benutzt, das mit einem auf React/Typescript basierenden Frontend kommt. Konfiguration des Frontend wird mit JSON beschrieben.
Mein Aufgabenbereich:
- Analyse des vtex Universums, Machbarkeit
- Koordination des Fronendteams
- Schulung der Frontend Kollegen über Handhabung des CMS
- Verwalten und Arbeiten mit dem vtex workspaces Konzept
- Erstellung von Custom Components
- Datenanbindung mit GraphQL
- Responsives Layouting mit dem vtex Frontend (JSON-Konfiguration/ CSS)
- Integration von SCSS in das vtex System
- Testing (react testing library)
- Deployment des vtex Frontend
Einzelne Apps werden versioniert und jede für sich deployed. Im Anschluss wurde die Main-App deployed und veröffentlicht.
Auch aufgrund der Workspace-Architektur war dieser Prozess nicht sehr übersichtlich und fehleranfällig und daher lange meine Verantwortung. Erst nach einer Reihe von begleiteten Sessions sahen sich die Frontend-Kollegen in der Lage, selbständig Deployments vorzunehmen.
CI/CD Pipelines waren zum Start des Projekts vom Hersteller noch nicht vorgesehen. - Erstellung maßgeschneiderter Custom Components für Mazda
- Finance Calculator App
Calculator Integration mit Slidern. Berechnung erfolgte auf Fremdsystem, Einbindung der Daten per GraphQL mit anschließender Generierung des Frontend - Customer Location App
Eine von vtex für Mazda entwickelte Lokalisierung anhand von validierten Postcodes. Diese App wurde im Laufe des Projekts von Diva-e übernommen und von mir erweitert. Dies erforderte ein Redesign, auch um Laufzeitfehler in der App zu eliminieren - Contact Dealer App
Kontaktformular zum Verkäufer des gewählten Fahrzeuges - Summary App
Custom Page mit detaillierten Produktinformationen - Viele weitere…
- Finance Calculator App
- Analyse von Bugs in enger Zusammenarbeit mit dem Backend Team
- Planung von Sprints und Releases
Als Teammitglied mit der längsten Erfahrung in der Projekthistorie und detaillierter Kenntnis des vtex Systems durfte ich Scrummaster und Owner bei der Planung unterstützen.
01/2019
-
03/2021
Siemens Hello Page
querplex GmbH
(Internet und Informationstechnologie, 10-50 Mitarbeiter)
Startseite zum Siemens Intranet
Als Frontend Entwickler bei Querplex in München
Die Startseite mit dynamischen Elementen (Animationen, Drag and Drop, Offcanvas-Elemente) beinhaltete unter anderem aktuelle Kalendereinträge und konfigurierbare Linksammlungen. Realisierung über ReactJS/ Typescript, Axios, Beautiful DND, React DND, Framer Motion
Als Frontend Entwickler bei Querplex in München
Die Startseite mit dynamischen Elementen (Animationen, Drag and Drop, Offcanvas-Elemente) beinhaltete unter anderem aktuelle Kalendereinträge und konfigurierbare Linksammlungen. Realisierung über ReactJS/ Typescript, Axios, Beautiful DND, React DND, Framer Motion
- Realisierung des reponsiven Layouts mit ReactJS/Typescript und SCSS
- Testing (react testing library)
- Konfigurierbare Linksammlung
über Drag & Drop konnten Newsfeeds aus einer Leiste mit Vorschlägen in den Arbeitsbereich gezogen und persistent gespeichert werden. - Konfigurierbare Kacheln mit relevanten Feeds aus dem Siemens Universum, Es gab eine Grundkonfiguration an vorgegebenen Themen, die beliebig erweitert werden konnte.
Der Anwender konnte pro Seite 6 Kacheln in einer beliebigen Reihenfolge und auf beliebig vielen Seiten sortieren und persistent abgelegen. - Guided Tour: klassische Tour, die den Anwender über alle Seiten der Anwendung führt, um Funktionalitäten zu erläutern. Abbrechpunkte wurden gespeichert, um die Tour zu einem späteren Zeitpunkt fortführen zu können. Die Tour interagierte mit den bereits vorhanden Seitenanimationen wie Page Transitions, Offcanvas-Elementen oder Slidern.
- Planung von Sprints als Mitglied eines Scrum Teams
11/2018
-
12/2018
Münchener Hypothekenbank
Münchener Hypothekenbank
(Banken und Finanzdienstleistungen, 250-500 Mitarbeiter)
Münchener Hyp, 11.2018 bis 12.2018
Digitalisierung von Formularen
Frontend Entwickler direkt bei der Münchener Hyp als Krankheitsvertretung
Digitalisierung von Formularen
Frontend Entwickler direkt bei der Münchener Hyp als Krankheitsvertretung
- Übertragung von Print-Medien Formularen in die digitale Welt mit ReactJS/Typescript
- Testing (react testing library)
- Planung von Sprints als Mitglied eines Scrum Teams
Reisebereitschaft
Nur Remote verfügbar
Verfügbar vorauassichtlich wieder ab November 2021, vorzugsweise Projekte im Raum München
