Senior Frontend Developer | VUE Developer & Performance Optimization Expert

... of a leading sporting goods retailer in the DACH region

• The assignment mainly included securing, analyzing, optimizing, and redeveloping around front-end, front-end performance, PageSpeed and Core Web Vitals. In addition to regular front-end development tasks, there was continuous investigation, monitoring, development and implementation of performance optimization solutions. Both the project language and communication with the internationally distributed teams was English.

• Industry: Sports goods / E-Commerce

• Technologies used: Vue2, Nuxt.js (v2), TypeScript, JavaScript, Node.js, Jest, Sass, Tailwind CSS, HTML5, CSS 3.0, GIT, NPM, Webpack, Storybook, responsive web design, Sentry, SonarQube, Jenkins, Jira, Confluence, DynamicYield, Google Tag Manager, Google Analytics, Google Search Console, SpeedCurve

• Activities:

• Analysis and development of optimization options for the existing codebase

• Implementation of new features and improvements

• Performance monitoring of newly developed features

• Implementation of front-end components according to requirements and design specifications

• As part of this assignment, I supported the front-end of an online tool for managing and calculating construction projects. A key aspect was using the Composition API of the Vue JavaScript framework to simplify a future upgrade from version 2 to version 3, implementing with TypeScript and creating as many generic components as possible.

• Industry: Construction / Real Estate

• Technologies used: HTML5, CSS 3.0, TypeScript/JavaScript, Sass, Vue2, Composition API, Docker, GIT, NPM, Webpack, Jira, living styleguide, responsive web design

• Activities:

• Implemented code architecture and components

• The overall project was about creating a white-label multi-portal application according to current web standards while considering the specifics of an existing application. This involved planning an adaptable and highly flexible front-end architecture. The provided designs and layouts were reviewed for user experience (UX) aspects and particularities of the previous application and adjusted in coordination with the client’s specialist departments when necessary. Then the project was broken down into reusable components as flexibly as possible, and the technical definitions for implementing the corresponding front-end tasks were created. The development infrastructure was set up, the new code base was implemented, the general page structure and ready-to-implement components were provided, along with their respective unit tests.

• Industry: Tourism / E-Commerce

• Technologies used: HTML5, CSS 3.0, JavaScript, Sass, Vue2, Nuxt.js (v2), Vuex, jQuery, Jest, Figma, PHPStorm, GIT, NPM, Webpack, Jira, Atomic Design, Box-Element-Modifier (BEM), living styleguide, responsive web design, cross-browser & cross-device compatibility

• Activities:

• Planned the software architecture for the front-end

• Design review & design adjustments

• Subproject planning (ticket creation, coordination of front-end implementation)

• Implemented the architecture, components and tests

• During the project for the front-end agency Sevenval in Cologne, I optimized the code structure, performed bug fixing, and implemented new front-end requirements for two customer and comparison portals in finance, insurance, and retirement planning. It required quick and fully independent familiarization with existing code, new technologies, and a new programming language. I used HTML5, CSS 3.0, JavaScript, and XSL. ▸ Technologies used: HTML5, CSS 3.0, JavaScript, Sass, XSL, REST, SOAP, PHPStorm, GIT, NPM, Kiki, Rollup, Redmine, Jira, Responsive Web Design, Progressive Enhancement, Cross Browser Compatibility ▸ Activities:
• Front-end development for “Insurance”, “Finance” and “Comparison & advisory portals”
• Quick independent familiarization with existing code, new techniques, and a new programming language
• Optimization of code structure
• Implementation of new features
• Bug fixing

• As an external contractor for an international agency, I overhauled and further developed an existing website project for a southern German car manufacturer based in Bavaria. My tasks included quickly getting up to speed with the existing code and bug fixing, as well as further developing and implementing new features. For the front-end development, I used modern technologies and systems such as HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, and Grunt. The work took place on-site in Munich as part of an international team, and the project language was English. ▸ Industry: Automotive / E-Commerce ▸ Technologies used: HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, PHPStorm, AEM (Adobe Experience Manager), Grunt, JIRA, Confluence, GIT, Sightly, Responsive Web Design, UX, user stories, Progressive Enhancement, Cross Browser Compatibility, Kanban ▸ Activities:
• Front-end development in the automotive sector
• Quick familiarization with existing code, bug fixing & further development
• Implementation of new features
• Code review and approval of pull requests

A company that builds sales channels needed a website for representation and lead generation. Accordingly, a design and structure concept was created based on user stories. The content was created based on prior SEO research, producing search-engine-friendly, target-group-specific content. A long-term plan for future content development was also made. The technical implementation was search engine and performance oriented. Since launch, the site has been continuously maintained. This includes monitoring and analysis using analytics tools. Measures for further optimization are planned and carried out based on the evaluations.

Used technologies:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• PHP
• MySQL
• PHPStorm
• ProcessWire
• Performance optimization
• Search engine optimization
• Responsive web design
• Google Analytics
• Google Webmaster Tools
• UX
• User story
• Web content management
• Progressive enhancement
• Cross-browser compatibility

Tasks:

• SEO research & creation of an SEO concept
• Planning page structure, layout and design
• Search-engine-optimized programming
• Creation of search-engine-optimized content
• Development of a long-term content development plan
• Ongoing maintenance with monitoring, expansion and optimization

For optimal order processing across all steps from order acceptance, handover to production through delivery, a system was needed that meets all the client's individual requirements. This includes capturing and maintaining customer master data (contact details, special prices, recurring order options), product data (basic data, variants, standard prices) and order data (history, order templates). To achieve a practical and needs-based result, the existing process was analyzed on site as part of requirements management and the client's wishes were recorded. Based on use cases, a concept for implementation was created and executed.

Used technologies:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• PHP
• OOP
• PHPStorm
• ProcessWire
• Performance optimization
• Use cases
• Scrum
• Cross-browser compatibility

Tasks:

• Analysis of existing in-house solutions
• Creation of use cases, requirements analysis, detailed concept and milestone plan
• Prioritization of implementation order
• Testing
• Roll-out

Worked for clients such as...

• 1&1 Mail & Media GmbH
• SapientNitro
• FTI Touristik GmbH
• Sevenval Technologies GmbH

Responsible for implementations in the areas of MICE, corporate rates, affiliates, and HotelCenter. This included maintenance, optimization, extension, and customization of existing systems, as well as designing and implementing completely new parts of presentation, booking, and search pages. The scope covered the back end, database layer, and front end.

Lead sub-project manager for the technical implementation of the design concept during the redesign and relaunch of the entire hotel.de platform.

Technologies used:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• XML
• C#
• OOP
• ASP.Net
• MVVM
• WPF
• MVC3
• MSSQL
• Visual Studio 2010
• MS SQL Management Studio
• Scrum

Tasks:

• Further development of the hotel.de MICE portal "MARS"
• All areas (front end, back end & database for booker, hotelier & intermediary side)
• Corporate rates (company-specific hotel rates)
• Implementation of an internal Windows tool for importing, capturing, and managing data records/rate statuses (front end, back end, database)
• Migration of old rate data into the new system
• Design and implementation of plugins/services for processing and, if necessary, correcting captured data
• Implementation of the web component for TravelManager
• Unit tests
• Refactoring and performance optimization of existing SQL queries
• Affiliate center management
• Implementation of a new affiliate concept, including revision of existing areas and development of new ones (front end, back end, database for booker, affiliate, and intermediary side)
• Design and implementation of a crawler to detect and analyze affiliate page integrations
• Redesign / relaunch
• Lead sub-project manager for the technical realization of the design concept
• Performance-oriented front-end implementation
• HotelCenter module
• Front-end implementation of a new area for hoteliers to analyze and optimize their rate structure