Senior Frontend Developer | VUE & Performance Expert

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

• The assignment mainly included ensuring, analyzing, optimizing, and redeveloping areas around front-end, front-end performance, PageSpeed, and Core Web Vitals. In addition to regular front-end development tasks, there was a continuous examination, monitoring, development, and implementation of solution approaches in the field of performance optimization. Both the project language and the communication language with the internationally distributed teams was English.

• Industry: Sporting goods / E-commerce

• Used technologies: 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

• Responsibilities:

• Analyzing and developing optimization options for the existing codebase

• Implementing new features and improvements

• Performance monitoring of newly developed features

• Implementing front-end components according to requirements and design specifications

• As part of the assignment, I supported the front-end of an online tool for managing and calculating construction projects. It was especially important to use the Composition API of the Vue JavaScript framework, which should ease a future upgrade of the framework from version 2 to version 3, implement using TypeScript, and create as many generic components as possible.

• Industry: Construction / Real Estate

• Used technologies: HTML5, CSS 3.0, TypeScript/JavaScript, Sass, Vue2, Composition API, Docker, GIT, NPM, Webpack, Jira, Living Styleguide, Responsive Web Design

• Responsibilities:

• Implementing code architecture and components

• The overall project involved the realization of a white-label multi-portal application according to current web standards, taking into account the peculiarities of an existing application. This included planning a adaptable and highly flexible front-end architecture. The provided designs and layouts were reviewed considering user experience (UX) and specifics of the previous application and adjusted in coordination with the client's relevant departments when necessary. Then the work was split into themes for reusable components wherever possible and the technical definition for implementing the associated front-end tasks. The development infrastructure was also set up, the new codebase implemented, the general page structure provided, implementation-ready components created, and the respective unit tests.

• Industry: Tourism / E-commerce

• Used technologies: 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

• Responsibilities:

• Conception of the software architecture in the front-end area

• Design review & design adjustments

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

• Implementation of the architecture, components, and tests

• During my project for the front-end agency Sevenval in Cologne, I optimized code structure, fixed bugs and implemented new front-end requirements. This was for two customer and comparison portals in finance, insurance and pensions. It required a fast and completely independent ramp-up in the existing code, new technologies and a new programming language. I used HTML5, CSS 3.0, JavaScript and XSL.

• 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

• Tasks:

• Front-end development in the areas of “Insurance”, “Finance” and “Comparison & Advisory Portals”

• Fast independent ramp-up in existing code, new technologies and a new programming language

• Optimization of code structure

• Implementation of new features

• Bug fixing

• As an external consultant for an international agency, I worked on redesigning and enhancing an existing website project for a southern German car manufacturer based in Bavaria. My tasks included a quick ramp-up in the existing code and bug fixing, as well as developing and implementing new features. For the front-end, I used modern technologies and tools like HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js and Grunt. The work took place on-site in Munich in an international team, with English as the project language.

• Industry: Automotive / E-Commerce

• 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

• Tasks:

• Front-end development in the automotive sector

• Fast ramp-up in existing code, including bug fixing & enhancements

• 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. Accordingly, a design and structure concept was created based on user stories. The content was developed based on prior SEO research, creating search engine–friendly, target group–specific content. A long-term plan for ongoing content development of the website was also made. The technical implementation was search engine and performance–oriented. Since launch, the website has been continuously maintained. This includes 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 Webmaster Tools
• UX
• User story
• Web content management
• Progressive enhancement
• Cross-browser compatibility

Tasks:

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

For optimal order processing across all steps from order receipt, handover to production, to delivery, a system was needed that met all of the client’s individual requirements. This includes capturing and managing customer master data (contact details, special prices, recurring order options), product data (basic data, execution 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 recorded. Based on use cases, a concept for implementation was developed and carried out.

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, a detailed concept, and a milestone plan
• Prioritization of implementation sequence
• Testing
• Roll-out

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 (the third-largest tour operator in Europe, hotel.de / HRS), two southern German car manufacturers, German internet service providers and directories (e.g., anwalt.de, steuerberater.net), as well as SMEs in the real estate, food industry, crafts, and wholesale sectors.

Independent work included implementations in the areas of MICE, corporate rates, affiliates, and the HotelCenter. This involved maintaining, optimizing, extending, and adapting existing systems as well as designing and developing entirely new parts of presentation, booking, and search pages. This covered the back-end, database layer, and front-end.

During the redesign/relaunch of the entire hotel.de platform, I was the main sub-project lead responsible for the technical implementation of the design concept.

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 & agent pages)
• Corporate rates (company-specific hotel rates)
• Implementing an internal Windows tool for importing, capturing, and managing data sets/rate statuses (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-optimizing existing SQL queries
• Affiliate center management
• Implementing a new affiliate concept with a review of existing areas and development of new ones (front-end, back-end, database for booker, affiliate, and agent pages)
• Designing and implementing a crawler to detect and analyze integrations on affiliate pages
• Redesign/relaunch
• Main sub-project lead 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