Redesign & Relaunch des Barfers Wellfood Shop

Über Barfers Wellfood

BARFER’s Wellfood ist ein führender Online-Shop für artgerechte Hundeernährung nach dem BARF-Prinzip (Biologisch Artgerechtes Rohes Futter). Das Unternehmen bietet hochwertige, natürliche Produkte für eine gesunde und ausgewogene Ernährung von Hunden. Um den wachsenden Anforderungen des E-Commerce gerecht zu werden, sollte der bestehende Online-Shop technisch modernisiert und die Benutzererfahrung optimiert werden.

Das Projekt

Zeitraum: Juli 2019 – Oktober 2019
Rolle: Senior Frontend Entwickler
Kunde: BARFER's Wellfood (via Springwork GmbH)
Team: 2 Frontend-Entwickler
Projekt Technologien: Vue.js, TypeScript, Vue Storefront, SCSS, HTML, Git
Methodik: Scrum

Projektbeschreibung

Als Senior Frontend Entwickler war ich im Auftrag der Springwork GmbH an der Weiterentwicklung des Online-Shops für BARFER’s Wellfood beteiligt. Das Projekt hatte zum Ziel, den bestehenden Magento-basierten Shop durch eine moderne Headless-Architektur mit Vue.js Storefront im Frontend zu erweitern und zu optimieren.

Meine Hauptaufgaben umfassten die Entwicklung neuer Features im Frontend mit Vue.js, TypeScript und SASS, die Optimierung der Benutzeroberfläche für mobile Endgeräte sowie die Integration mit der Magento REST-API. Dabei arbeitete ich eng mit einem weiteren Frontend-Entwickler zusammen, um eine performante und benutzerfreundliche Shopping-Erfahrung zu schaffen.

Ein besonderer Fokus lag auf der Mobile-First-Optimierung, da ein Großteil der Kunden den Shop über mobile Geräte nutzt. Durch den Einsatz moderner Frontend-Technologien und Best Practices konnte die Performance und Usability deutlich verbessert werden.

Projekt-Highlights

code

Headless Architecture

Implementierung einer modernen Headless-Architektur mit Vue.js Storefront im Frontend und Magento im Backend, die maximale Flexibilität und Performance ermöglicht.

devices

Mobile-First Optimierung

Umfassende Optimierung der Benutzeroberfläche für mobile Endgeräte mit responsivem Design und Touch-optimierten Interaktionen für eine erstklassige Shopping-Erfahrung.

api

REST API Integration

Nahtlose Integration mit der Magento REST-API für Produktdaten, Warenkorb-Funktionalität und Checkout-Prozesse mit TypeScript für Type-Safety.

palette

Moderne UI/UX

Entwicklung einer intuitiven und ansprechenden Benutzeroberfläche mit Vue.js-Komponenten, SASS-Styling und modernen Frontend-Best-Practices.

Ergebnisse

Durch die Implementierung der Headless-Architektur mit Vue.js Storefront konnte die Performance des Online-Shops deutlich gesteigert werden. Die Ladezeiten wurden reduziert und die Benutzerfreundlichkeit, insbesondere auf mobilen Geräten, erheblich verbessert.

Die moderne Frontend-Architektur ermöglicht es BARFER’s Wellfood, schnell auf Marktanforderungen zu reagieren und neue Features effizient zu implementieren. Die klare Trennung von Frontend und Backend schafft zudem eine solide Basis für zukünftige Erweiterungen und Skalierung des Shops.