Senior Frontend Developer | VUE & Performance Expert

... of a leading sports retailer in the DACH region

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

• Industry: Sporting 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 opportunities in 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 the assignment, I worked on the Front-End of an online tool for managing and calculating construction projects. The use of Vue’s Composition API was especially important to facilitate a future upgrade of the framework from Version 2 to Version 3, as well as implementation with TypeScript and creating as 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:

• Implementation of code architecture and components

• The overall project was about realizing a white-label multi-portal application according to current web standards, taking into account the quirks of an existing application. This included planning an adaptable and highly flexible Front-End architecture. The provided designs and layouts were reviewed in terms of user experience (UX) and the specifics of the predecessor application and, if necessary, adjusted in coordination with the client’s relevant departments. Then the project was split into as many flexibly reusable components as possible and the technical definitions were prepared for implementing the associated Front-End tasks. The development infrastructure was also set up, the new code base implemented, the general page structure provided, ready-to-implement components created, and the associated 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:

• Front-End architecture design

• Design review & adjustments

• Subproject planning (ticket creation, implementation coordination for the Front-End)

• Implementation of the architecture, components, and tests

• The tasks during the project for the front-end agency Sevenval in Cologne included optimizing the code structure, bug fixing, and implementing new front-end requirements. This was done for two customer and comparison portals in the finance & insurance and retirement planning areas. It required a quick and completely independent familiarization with the existing code, new technologies, and a new programming language. Among other things, HTML5, CSS 3.0, JavaScript, and XSL were used.

• Used technologies: 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 in the areas of “Insurance”, “Finance” and “Comparison & Advisory Portals”

• Quick independent familiarization with existing code, new technologies, and a new programming language

• Optimization of the code structure

• Implementation of new features

• Bug fixing

• While working as an external contractor for an international agency, an existing website project of a South German car manufacturer based in Bavaria was revised and further developed. The tasks included quickly getting familiar with the existing code and bug fixing, as well as further development and implementation of new features. Modern technologies and systems such as HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, and Grunt were used for the front-end development. The work took place on-site in Munich in an international team. The project language was English.

• Industry: Automotive / E-Commerce

• Used technologies: HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, PHPStorm, AEM (Adobe Experience Manager), Grunt, JIRA, Confluence, GIT, Sightly, Responsive Web Design, UX, User Story, Progressive Enhancement, Cross Browser Compatibility, Kanban

• Activities:

• Front-end development in the automotive sector

• Quick familiarization with existing code and its bug fixing & further development

• Implementation of new features

• Code review and approval of pull requests

A company focused on building sales channels needed a website for representation and lead generation. Based on user stories, a design and structure concept was created. The content was developed following a prior SEO research, creating search-engine-friendly, target group specific content. A long-term plan for further content development of the website was also made. The technical implementation was search engine and performance oriented. Since launch, the website is continuously maintained, including monitoring and analysis using analytics tools. Based on the results, measures for further optimization are planned and executed.

Technologies used:

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

Tasks:

• SEO research & development of an SEO concept
• Planning of site structure, layout and design
• Search engine optimized coding
• Creation of search engine optimized content
• Development of a long-term content strategy
• Continuous maintenance with monitoring, expansion and optimization

For optimal processing of orders through all stages from order reception, passing to production, to delivery, a system was needed that meets all of the client's individual requirements. This includes capturing and maintaining customer data (contact information, special prices, recurring order options), product data (basic data, variations, 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 documented. Based on use cases, a concept for the implementation was created and executed.

Technologies used:

• 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
• Rollout

Thanks to my high quality standards and my passion for web development, I have already worked for well-known companies in e-commerce (Ochsner Sport AG / Deichmann Group), tourism (third largest tour operator in Europe, hotel.de / HRS), two South German car manufacturers, German internet providers and directories (e.g. anwalt.de, steuerberater.net), as well as SMEs in real estate, the food industry, crafts, and wholesale.

My responsibilities included work on MICE, corporate rates, affiliates, and HotelCenter. This involved maintaining, optimizing, extending, and adapting existing systems, as well as designing and implementing completely new parts of presentation, booking, and search pages. I worked on the back end, database level, and front end.

During the redesign/relaunch of the entire hotel.de platform, I was the lead subproject manager responsible for the technical implementation of the design concept.

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 booking, hotelier & agent pages)
• Corporate rates (company-specific hotel rates)
• Implementing an internal Windows tool for importing, capturing, and managing records / rate status (front end, back end, database)
• Migrating old rate data into the new system
• Designing and implementing plugins/services to process and, if necessary, correct captured data
• Implementing the web component for TravelManager
• Unit tests
• Refactoring and performance optimization of existing SQL queries
• Affiliate center management
• Implementing a new affiliate concept with revision of existing and development of new areas (front end, back end, database for booking, affiliate, and agent pages)
• Designing and implementing a crawler to detect and analyze integrations on affiliate sites
• Redesign / relaunch
• Lead subproject manager for the technical implementation 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 own rate structure