Profter — Onlineshop für professionelle Ausrüstung
Ein Onlineshop für Handwerker und Bauunternehmen: Lackier-, Ausbau- und Reinigungsgeräte entdecken, technische Daten prüfen und Produkte auf dem Smartphone ansehen.
Projektziel
Die Orientierung in einem umfangreichen Gerätekatalog erleichtern und die Produktauswahl mit den Informationen vor einer Bestellung verbinden: technische Daten, Verfügbarkeit, Lieferung und Service.
Lösung und Architektur
Das responsive Next.js-Frontend kommuniziert über GraphQL mit dem Magento-Commerce-Backend. Kategorien und Produktseiten strukturieren das Sortiment. Kundenkontomodule umfassen Favoriten, Vergleich und Bestellhistorie. Eine separate React-Verwaltung enthält Oberflächen für Katalog, Bestellungen und Website-Inhalte. Dieser Fall zeigt den öffentlichen Shop; Konto- und Verwaltungsabläufe wurden anhand des Quellcodes beschrieben und nicht mit Produktionszugang getestet.
Einblicke in Profter
Echte Aufnahmen von profter.com.ua: Startseite, Katalog für Lackiergeräte, Produktdetailseite und deren responsive mobile Webversion.
Die Aufnahmen zeigen öffentliche Katalogdaten von profter.com.ua vom 10. Oktober 2026. Namen, Preise und Verfügbarkeit entsprechen dieser Momentaufnahme. Es wurden weder fiktive Kundendatensätze noch eine Produktionsdatenbank kopiert. Kontoanmeldung, Verwaltung, Checkout, Zahlungen und Lieferintegrationen wurden nicht getestet. Generierte Titelbilder sind von dokumentarischen Screenshots getrennt.
Vorteile
- 🛠️ Nach Gerätetyp suchen — Kategorien bieten Handwerkern einen praktischen Einstieg.
- 🔎 Auswahl eingrenzen — Kategorien und Sortierung unterstützen die Produktsuche.
- 📋 Produkte prüfen — Fotos und technische Daten helfen bei der Beurteilung.
- 📱 Auf dem Smartphone weiterlesen — der Shop passt sich kleineren Bildschirmen an.
- 🚚 Kaufinformationen finden — Lieferung, Zahlung und Service sind über den Shop erreichbar.
Technologien
Im Quellcode bestätigt: Next.js 14, React 18, TypeScript und SCSS für den Shop; Magento Open Source 2.4.6 und PHP für Commerce; GraphQL für Shopdaten. Die separate Verwaltungsanwendung verwendet React 18, Vite 5, Redux Toolkit und Tailwind CSS.
Entwicklung eines Onlineshops für professionelle Ausrüstung
Profter (PROF): Onlineshop für professionelle Ausrüstung mit responsivem Next.js-Frontend, Magento-Backend und separater React-Verwaltung.
Vom breiten Sortiment zur hilfreichen Produktseite
Wer ein Lackiergerät auswählt, benötigt mehr als einen Produktnamen. Gerätekategorien, Sortierung, Fotos und technische Eigenschaften erleichtern die Orientierung im Sortiment. Profter verbindet die Katalognavigation mit ausführlichen Produktinformationen für Bau- und Ausbauarbeiten.
Eine Headless-Architektur mit Magento
Shop und Commerce-Backend übernehmen unterschiedliche Aufgaben. Next.js und React stellen die Kundenschnittstelle dar, Magento liefert Commerce-Daten über GraphQL. Ein separater React-Client bietet Arbeitsoberflächen für Produkte, Bestellungen und Inhalte. So entstehen unterschiedliche Schnittstellen rund um dieselbe Handelsdomäne.
Responsive Nutzung und geprüfter Umfang
Der Fall zeigt echte öffentliche Seiten am Desktop und in einem Smartphone-Viewport. Die Aufnahmen belegen das sichtbare Layout und die Inhalte, jedoch keine abgeschlossenen Käufe oder Umsatzsteigerungen. Für ähnliche Projekte sollten Katalogattribute, Kundenwege und betriebliche Integrationen vor der Umsetzung definiert werden.