Unternehmen
Projekt besprechen
Projekt besprechen
Wohnzimmer mit Regal
Referenz · Proven by own Products

Intuitiver 3D Kallax Konfigurator

shelfy ist ein E-Commerce-Konfigurator mit 3D-Visualisierung, der die individuelle Gestaltung von IKEA-Kallax-Regalen einfach und intuitiv macht.

  • Softwareentwicklung
  • Produktplanung
  • Softwarearchitektur
  • UI / UX Design
Das Projekt

Aus einer Alltagsidee wurde eine skalierbare Plattform.

Die Web-App kombiniert ein interaktives UI für Endnutzende mit einem leistungsstarken Backoffice für Produktpflege und Affiliate-Integration – auf Basis unseres eigenen Metashop-Systems.

shelfy beschleunigt die Erstellung individueller Regaldesigns. Verschiedene Produktanbieter lassen sich anbinden, Preise und Produktdaten aktualisieren sich automatisch.

Als eigenes Produkt zeigt shelfy, was wir für Kunden bauen: eine nutzerzentrierte 3D-Experience und eine serverlose Cloud-Architektur – bereit für Wachstum, Anpassung und neue Geschäftsmodelle.

Businessmodell
Affiliate-System mit Option auf White-Label
Plattform
Web · iOS · Android
Branche
E-Commerce
Zielgruppe
B2B (White-Label) · B2C

Auszug Tech Stack

  • Angular
  • TypeScript
  • Redux
  • Ionic
  • Capacitor
  • Node.js
  • Firebase
  • Google Cloud

Beteiligte onexis

4

Entwicklung

Cross-Platform

Rollen

  • Product Manager
  • Developer
  • UX/UI Designer
shelfy 3D-Konfigurator
Das Ergebnis

Ausgangslage

Was fehlte

  • Regal-Designs waren nur mit eingeschränkter Produktauswahl oder mit Tools wie Photoshop erstellbar
  • Hoher manueller Aufwand bei der Produktpflege
  • Keine zentrale Plattform, die Produkte mehrerer Händler bündelt
  • Performantes 3D-Rendering in einer Web-App als technische Herausforderung
  • Komplexe Filter zur schnellen Produktsuche nötig
  • Bedarf an intuitiver mobiler UX für Endkunden und effizientem Backoffice

Lösung

Was shelfy heute leistet

  • Interaktive, schnelle Gestaltung von Kallax-Regalen in 3D – mit fotorealistischer Vorschau in verschiedenen Wohnsituationen
  • Metashop-System als zentraler Produktkatalog, der mehrere Händler vereint
  • Skalierbares Backoffice für Produktpflege, Händler-Verknüpfung und API-Integration
  • Tägliches Preis-Monitoring und automatische Aktualisierung der Produktdaten
  • Grundlage für White-Label- und OEM-Nutzung im E-Commerce
So sind wir vorgegangen

Vier Schritte von der Idee zum Marktstart.

shelfy ist unser eigenes Produkt – entwickelt mit genau dem Prozess, den wir auch für Kunden einsetzen: agil, nutzerzentriert und mit Blick aufs Geschäftsmodell.

  1. Planen

    Marktanalyse, Zielgruppen, Geschäftsmodell: Affiliate zum Start, White-Label als nächste Stufe. Daraus entstand eine klare Feature-Roadmap.

    Produktplanung · Roadmap

  2. Gestalten

    Ein Klicksystem, das selbst komplexe Regal-Kombinationen spielerisch erfahrbar macht – mobil wie am Desktop.

    UX/UI · Prototyping

  3. Bauen

    Angular, Ionic und Capacitor auf Firebase – eine Codebasis für Web, iOS und Android, mit performantem 3D-Rendering im Browser.

    Angular · Ionic · Firebase

  4. Skalieren

    Preis-Monitoring, automatisierte Produktpflege und eine White-Label-fähige Architektur, die neue Händler und Märkte trägt.

    Serverless · White-Label

Kern-Features

Welche Kern-Features wurden umgesetzt?

  • Price Monitoring
  • Image Rendering
  • 3D-Konfigurator
  • Backoffice-System
  • White-Label-Architektur
  • Automatisierte Produktpflege
  • Affiliate-Anbindung
Unser Know-how

Von der Alltagsidee zur E-Commerce-Plattform.

Unser Team vereinte agile Produktentwicklung mit smartem UI/UX, leistungsfähiger Cloud-Architektur und marktorientierter Feature-Planung. Herausgekommen ist ein System, das Endkunden begeistert und als White-Label-Lösung überzeugt.

shelfy 3D-Konfigurator

3D-Visualisierung für höhere Conversions

Eine hochwertige, interaktive 3D-Produktansicht zeigt Produkte im realistischen Anwendungskontext.

Technik

Was shelfy technisch besonders macht

Ein einziger Code – und der Shop läuft auf iOS, Android und im Web. shelfy vereint Webtechnologie mit skalierbarer Cloud-Architektur und leistungsstarker 3D-Visualisierung.

Frontend

  • Angular
  • TypeScript
  • Ionic
  • Capacitor
  • 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

  • Firebase Functions
  • NoSQL
  • Google Cloud
  • Serverless mit Firebase Functions Kein Aufwand für Serververwaltung, blitzschnelle Skalierung, sofort einsatzbereit.
  • NoSQL-Datenbank Dokumentenbasiert, ultraschnell und flexibel – perfekt für dynamisch wachsende Produktdaten.

Besonderheiten

  • Auto-Scaling
  • Wartungsfrei
  • Cross-Platform
  • Automatische Skalierung Reibungslose Abläufe und zuverlässige Performance – auch bei Lastspitzen.
  • Kein Wartungsaufwand Vollständig verwaltete Dienste: keine Infrastruktur-Updates, keine Wartung.
Im Detail

Zwei Systeme, die shelfy antreiben.

Was Endkunden nicht sehen, macht den Unterschied: automatische Preise je Standort und ein Backoffice, das Produktpflege fast von selbst erledigt.

  1. Preis-Monitoring im shelfy-Shop

    Price Monitoring und ortsbasiertes Shopsystem

    • Preis-Monitoring: Daten der Partner-Websites werden per API und Google Firebase Function kontinuierlich abgerufen – Produktpreise im Shop aktualisieren sich automatisch.
    • Ortsbasierter Shop: Nutzende sehen Produkte und Partnershops je nach Standort – z. B. Otto und Poco nur in Deutschland, Walmart nur in den USA.
  2. Admintool von shelfy

    Admintool mit Content-Management-System

    • Voll automatisierte Contentpflege dank eigenem Content-Management-System (CMS)
    • Inhalte lassen sich über das Backoffice einfach und schnell hinzufügen
    • Interaktiver Editor zur automatisierten Umwandlung von 2D-Bildern in die 3D-Perspektive
    • Responsives Design ermöglicht Content-Management auch auf mobilen Geräten
Tech Blog

Alles, was Du wissen willst.

 Alle Beiträge
So arbeiten wir

Unser Workflow mit der Kanban-Methode.

Kanban ist ein agiles Vorgehensmodell zur Visualisierung und Steuerung von Arbeitsprozessen. Aufgaben stehen auf einem Board in Spalten wie „To Do“, „In Progress“ und „Done“.

So behält das Team den Überblick, erkennt Engpässe früh und steigert die Effizienz durch einen kontinuierlichen Arbeitsfluss.

Aufgaben im Backlog

  1. Aufgabe zu erledigenz. B. Affiliate-API anbinden
  2. In Bearbeitungz. B. 3D-Rendering optimieren
  3. Wartet auf Freigabez. B. Preis-Monitoring je Land
  4. Abgeschlossenz. B. Metashop-Katalog
Weitere Projekte
 Alle Projekte

Dein Projekt

Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?

30 Minuten, unverbindlich – Du sprichst direkt mit den Leuten, die es später bauen.

Kostenloses Beratungsgespräch buchen

Matthias HänelDein Ansprechpartner