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.

Businessmodell

Affiliate-System mit Option auf White-Label-Lösung

Plattform

Web | iOS | Android

Branche

E-Commerce

Zielgruppe

B2B (White-Label-Lösung)
B2C

Auszug Tech Stack

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

Use Cases
  • interaktive, schnelle Gestaltung von IKEA Kallax Regalen mittels 3D Visualisierung sowie fotorealistische Vorschau des Regals in unterschiedlichen Wohnsituationen

  • Metashop-System als zentraler Produktkatalog, der mehrere Händler vereint

  • skalierbares Backoffice zur Produktpflege, Händler-Verknüpfung und API-Integration

  • tägliches Preis-Monitoring für Händler und automatische Aktualisierung der Produktdaten

  • Grundlage für Whitelabel- und OEM-Nutzung im E-Commerce

Entwicklung

Cross-Platform

Rollen

Product Manager | Developer | UX / UI Designer

beteiligte onexis

4

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?

Vector Icon

Price Monitoring

Vector Icon

Image Rendering

Vector Icon

3D Konfigurator

Vector Icon

Backoffice System

Vector Icon

White-Label-Architektur

Vector Icon

Automatisierte Produktpflege

Vector Icon

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

Wir integrieren eine hochwertige, interaktive 3D-Produktansicht, die Produkte im realistischen Anwendungskontext zeigt.
Shop-Setup & Integration (Plug & Play)

Ob als eigenständiger Webshop oder eingebettet in bestehende E-Commerce-Umgebungen: Wir liefern eine sofort einsatzbereite Lösung, die sich flexibel in andere Systeme integrieren lässt.
Skalierbare Cloud-Infrastruktur & Wartungsfreiheit

Wir bauen auf eine moderne, serverlose Cloud-Architektur. Das bedeutet: automatische Skalierung, hohe Performance und kein Aufwand für Updates oder Wartung.
White-Label-fähige Architekturen

Dank modularer Architektur und Konfigurierbarkeit lassen sich unsere Lösungen auch als Whitelabel- oder OEM-Angebot in bestehende Händlerstrukturen einfügen.
Backoffice-Systeme mit echtem Produktivnutzen

Wir bauen Admin- und Pflegetools, die den Alltag erleichtern – z. B. durch automatisierte Produktimporte, einfache Händlerzuweisung und optimierte Workflows für Content-Management.
E-Commerce-Integrationen mit Affiliate-Fokus

Unsere Lösungen sind bereit für Monetarisierung: Mit eingebauten Affiliate-Schnittstellen, Preis-Monitoring und Händler-APIs sorgen wir für nahtlose Verbindungen zwischen Plattform, Produktdaten und Verkaufs-Tracking.
Produktkonfiguratoren mit intuitivem Klicksystem

Wir entwickeln smarte Konfiguratoren, die selbst komplexe Produktkombinationen spielerisch erfahrbar machen – visuell ansprechend, interaktiv und benutzerfreundlich.

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

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?