Intuitiver 3D Kallax Konfigurator
Softwareentwicklung
Softwarearchitektur
Produktplanung
UI/UX Design
shelfy ist ein E-Commerce-Konfigurator mit 3D-Visualisierung, der die individuelle Gestaltung von IKEA-Kallax-Regalen einfach und intuitiv macht. Das Fundament bildet unser entwickeltes Metashop-System.
Dabei ist eine Anbindung verschiedener Produktanbieter möglich.
Die Web-App kombiniert ein interaktives UI für Endnutzer mit einem leistungsstarken Backoffice für Produktpflege und Affiliate-Integration. Sie beschleunigt die Erstellung von individuellen Regaldesigns, bietet den weltweit größten Kallax-Einschubkatalog und legt gleichzeitig die technologische Basis für ein skalierbares White-Label- und OEM-Geschäftsmodell.
Die Problemstellung
Die folgenden Punkte zeigen die Ausgangslage und die Herausforderungen, die wir im Laufe des Projekts schrittweise behoben bzw. gelöst haben.
-
Regal-Designs waren nur mit eingeschränkter Produktauswahl oder mit Tools wie Photoshop erstellbar
-
hoher manueller Aufwand bei der Produktpflege wurde massiv vereinfacht: Produktdaten werden automatisiert eingetragen, was manuellen Aufwand minimiert
-
fehlende zentrale Plattform zur Bündelung von Produkten mehrerer Händler (kein Metashop-System)
-
technische Herausforderungen bei der Umsetzung eines performanten 3D-Renderings in einer Web-App
-
komplexe Filterfunktionen zur schnellen Suche von Produkten
-
hoher Bedarf an einer intuitiven, mobilen User Experience für Endkunden und einem effizienten Backoffice für die interne Verwaltung
Welche Kern-Features wurden umgesetzt?
Price Monitoring
Image Rendering
3D Konfigurator
Backoffice System
White-Label-Architektur
Automatisierte Produktpflege
Affiliate-Anbindung
Unser Know How
Mit shelfy haben wir gezeigt, wie aus einer Alltagsidee eine skalierbare, marktreife E-Commerce-Plattform werden kann – nutzerzentriert gedacht und strategisch flexibel. Unser Team vereinte agile Produktentwicklung mit smartem UI/UX, leistungsfähiger Cloud-Architektur und marktorientierter Feature-Planung. Herausgekommen ist ein System, das sowohl Endkunden begeistert als auch als White-Label-Lösung überzeugt. Bereit für Wachstum, Anpassung und neue Geschäftsmodelle.
3D-Visualisierung für höhere Conversions
Shop-Setup & Integration (Plug & Play)
Skalierbare Cloud-Infrastruktur & Wartungsfreiheit
White-Label-fähige Architekturen
Backoffice-Systeme mit echtem Produktivnutzen
E-Commerce-Integrationen mit Affiliate-Fokus
Produktkonfiguratoren mit intuitivem Klicksystem
Was shelfy technisch besonders macht
shelfy basiert auf modernster, plattformübergreifender Webtechnologie: ein einziger Code und der Shop läuft auf iOS, Android und im Web. Es vereint Webtechnologien mit einer skalierbaren Cloud-Architektur und leistungsstarker 3D-Visualisierung. Das Ergebnis: eine performante, plattformunabhängige Lösung, die Endkunden begeistert und Shop-Betreibern maximale Flexibilität bietet.
Frontend
-
Angular + TypeScript + Ionic
Komponentengestützte Entwicklung für maximale Wartbarkeit, hohe Entwicklungsgeschwindigkeit und reife UI-Komponenten. -
Capacitor
Native Funktionen auf mobilen Geräten bei gleichbleibender Webcode-Basis.
Backend & Cloud
-
Serverless-Architektur auf Basis von Firebase Functions
kein Aufwand für Serververwaltung, blitzschnelle Skalierung, sofort einsatzbereit. -
NoSQL-Datenbank
Dokumentenbasiert, ultraschnell, extrem flexibel – perfekt für dynamisch wachsende Produktdaten.
Besonderheiten
-
Reibungslose Abläufe durch automatische Skalierung und zuverlässige Performance
-
Kein Aufwand für Infrastruktur-Updates oder Wartung bei vollständig verwalteten Diensten
TECH BLOG
Alles, was du wissen willst
Angular: Was Du über das Framework wissen sollten
Ob Patientenportal, Geräte-Dashboard oder Admin-Tool – Angular liefert, wenn Webanwendungen mehr können müssen. Warum große Unternehmen darauf setzen und wie du das Potenzial für dein Projekt nutzt, liest du hier.
AI Readiness & Integration – Wie onexip Unternehmen erfolgreich auf die KI-Zukunft vorbereitet
Viele reden über Künstliche Intelligenz, wenige nutzen sie wirklich. Warum? Weil der Einstieg oft schwerfällt – und das Potenzial unterschätzt wird. Dabei kann KI schon heute dabei helfen, Kosten zu senken, Prozesse zu beschleunigen und echte Wettbewerbsvorteile zu schaffen.
Was es braucht? Eine klare Strategie.
Hier erfährst du, wie du Schritt für Schritt vom „KI klingt spannend“ zum „KI macht unser Business besser“ kommst.
Augmented Reality – Ein magischer Einblick in unser Spezialgebiet
Augmented Reality -Ein magischer Einblick in unser Spezialgebiet Augmented Reality (AR) bezeichnet Technologie, die die reale Welt mit virtuellen Inhalten verschmelzen lässt, wodurch oftmals neue Formen von interaktiven Erfahrungen entstehen, die die physische...
Revolutionary Vision: Hochperformante Einbindung von Industriekameras in Electron-Apps? Ein Praxisbericht.
Erfahre, wie du leistungsstarke industrielle Kameras nahtlos in Electron-Anwendungen integrierst. Martin Spindler teilt praxisnahe Einblicke, wie er Bildverarbeitung mit der Baumer VLU-02M Kamera effizient in Electron realisiert hat. Von der Nutzung von C++ für schnelle Datenverarbeitung bis zur Implementierung von IPC-Mechanismen für stabile Bildausgabe – dieser Beitrag zeigt, wie du hochperformante Bildverarbeitung mit flexiblen webbasierten Frameworks kombinierst. Entdecke die Potenziale für innovative Anwendungen und Lösungen in der industriellen Bildverarbeitung mit Electron.
Zeitmaschinen in der Software-Entwicklung
Zeitmaschinen in der Software-EntwicklungStell dir vor, du könntest durch die Zeit reisen und die Fehler der Vergangenheit korrigieren - und das ohne eine Zeitmaschine. In der Welt der Softwareentwicklung haben wir genau das: Zeitmaschinen, die uns helfen, die...
The German-Angst aus Sicht eines CEO: Was KI nicht ist!
Der Schock des Jahres 2022: ChatGPT betritt die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag von CEO Matthias beleuchtet. Erfahre in unserem Blogbeitrag, wie wir mit der Herausforderung umgegangen sind, und entdecke unsere Antwort, die wir auf die entscheidende Frage gefunden haben. Hier erhältst du einen Einblick in unsere Reise, bei der wir uns die Hände schmutzig gemacht und unser eigenes KI-Modell entwickelt haben.
The German-Angst aus Sicht eines CEO: wird KI die Softwareentwicklung übernehmen?
Der Schock des Jahres 2022: ChatGPT tritt auf die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag des CEO Matthias beleuchtet. Erfahren Sie, wie wir mit der Herausforderung umgegangen sind, und entdecken Sie die Antwort, die wir auf die entscheidende Frage gefunden haben.
Wie startet man KI lokal auf dem Rechner?
Entdecke, wie einfach es ist, Künstliche Intelligenz lokal auf dem Rechner zu starten! Unser kurzer Guide führt dich durch die Schritte, und wir zeigen, wie du Bilder ohne zusätzliche Kosten direkt auf deinem Computer generieren kannst.
Von Null auf IONIC: Code mit Leichtigkeit deine Einkaufslisten-App
Lerne mehr über die Entwicklung einer App mit Ionic und Angular, die mühelos auf iOS und Android erweitert wird. Entdecke die Vorteile von Dependency Injection, Service-Management und Capacitor-API-Integration für native Funktionen. Mit unseren Anleitungen wechselst du leicht von Web- zu mobiler Entwicklung und erstellst eine vielseitige App für verschiedene Plattformen.
Gemeinsam entwickeln wir ein Produkt, das Deine Nutzer wirklich lieben.
Unser Workflow mit der
Kanban Methode
Die Kanban-Methode ist ein agiles Vorgehensmodell zur Visualisierung und Steuerung von Arbeitsprozessen. Aufgaben werden auf einem Board in Spalten wie „To Do“, „In Progress“ und „Done“ dargestellt.
So behalten Teams den Überblick, erkennen Engpässe frühzeitig und steigern ihre Effizienz durch einen kontinuierlichen Arbeitsfluss.
Price Monitoring und ortsbasiertes Shopsystem
- Preismonitoring: die Daten der Partner-Websites werden über deren API per Google Firebase Function kontinuierlich abgegriffen, um Produktpreise im Shop automatisch zu aktualisieren
- Ortsbasierter Shop: Nutzer sehen Produkte und Partnershops je nach deren Aufenthaltsort – z.B. Otto und Poco nur in Deutschland, Walmart nur in den USA
Admintool mit Content-Management-System
- voll automatisierte Contentpflege dank eigenem Content-Management-System (CSM)
- Inhalte können über das Backoffice einfach und schnell hinzugefügt werden
- Inhalte können über das Backoffice einfach und schnell hinzugefügt werden
- interaktiver Editor zu automatisierten Umwandlung von 2D-Bilder in 3D-Perspektive
- Responsives Design ermöglicht Content Management auf mobilen Geräten
Unsere Referenzen
Von der Idee zur Umsetzung
Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?
