💼 Experience / Project Entry

Front-End Engineer — Tee-Mass.de (Shopware E-Commerce Platform)

As a Front-End Engineer, I led the user interface design, front-end development, and deployment of Tee-Mass.de, an online shop specializing in premium teas and related products. I was responsible for designing a fully custom Shopware theme, developing interactive front-end components, and ensuring the site’s performance, accessibility, and responsiveness from start to finish.

Key Responsibilities

• UI/UX Design & Theming

  • Designed a custom Shopware 6 theme tailored for a lifestyle and tea-oriented brand aesthetic.

  • Translated design mockups into responsive, accessible interfaces using Twig, SCSS, and modern JavaScript.

  • Focused on clear product presentation, easy navigation, and conversion-oriented layouts.

• Plugin Development & Customization

  • Participated in developing and integrating custom plugins for advanced product options, bundle deals, and promotional features.

  • Extended native Shopware functionalities to handle category-based discounts, subscriptions, and cart logic.

  • Ensured smooth compatibility between plugins, caching, and store performance.

• Performance & Quality

  • Implemented lazy loading, asset optimization, and browser caching to improve site speed and SEO performance.

  • Conducted cross-browser and device testing to guarantee consistent user experience.

  • Worked closely with backend teams to ensure efficient data binding between front-end components and Shopware APIs.

• Go-Live & Support

  • Assisted with final deployment, QA validation, and store launch.

  • Provided post-launch maintenance and UI refinements based on customer feedback and analytics.

Achievements

• Delivered a custom, high-performing Shopware storefront optimized for a niche retail audience.

• Helped establish a clean, brand-consistent online presence through thoughtful UI/UX design.

• Improved page load speed and navigation flow, contributing to better conversion and customer engagement.

• Enhanced Shopware theme modularity, simplifying future updates and plugin integration.

Tech Stack

Frameworks & Tools: Shopware 6, Twig, SCSS, JavaScript (ES6), Webpack
Design Tools: Figma, Adobe XD
Version Control & Workflow: Git, Agile collaboration
Plugins & Features: Product bundles, promotional banners, dynamic cart logic, category-based pricing