Zum Inhalt springen
← Alle Projekte

Shop, Backoffice & Systeme für ein neues Unternehmen · 2025–2026

ARWENN

ARWENN hat im Oktober 2026 in Berlin als neues Unternehmen eröffnet: zeitgenössische Möbel, Leuchten und Accessoires, Cash & Carry. Es gab vorher keinen Shop, keine Kasse und kein Backoffice, also haben wir die technische Infrastruktur, die das Geschäft trägt, ein Jahr vor der Eröffnung von Grund auf gebaut. Die Storefront, entworfen vom Studio Wiegand von Hartmann und gemeinsam mit Konstantin Haubrok umgesetzt, ist eine Hydrogen-Anwendung auf Shopify. Dahinter steht ein eigenes Backoffice, das alle Systeme verbindet, mit denen das Unternehmen arbeitet: Shopify, die Locafox-Kasse und die Buchhaltung, mit B2B, Lieferantenbestellungen und Lagerhaltung, Rechnungsstellung, DATEV-Vorbereitung, Wieder-verfügbar-Benachrichtigungen und Verkaufsstatistik an einem Ort.

Auftraggeber
ARWENN GmbH, Berlin
Unsere Rolle
Die technische Infrastruktur von Grund auf: Storefront mit Konstantin Haubrok, Backoffice und Integrationen in Eigenregie
Jahr
2025–2026
Startseite von arwenn.com auf einem Desktop-Bildschirm
arwenn.com auf dem Telefon

Wie es umgesetzt wurde

Die Storefront ist React Router 7 auf Shopify Hydrogen, ausgeliefert über Shopifys Edge-Netz und von Ende zu Ende typisiert durch GraphQL-Codegenerierung. Das Design von Wiegand von Hartmann, großflächig und ruhig, ist Pixel für Pixel übernommen; Kollektionen, Varianten und die Cash-&-Carry-Logik sind auf einen Showroom zugeschnitten, der verkauft, was auf der Fläche steht. Redaktionelle Inhalte kommen aus Sanity, Transaktionsmails gehen über Mailgun in der EU hinaus, und Wieder-verfügbar-Benachrichtigungen mit Double-Opt-in kommen aus unserem eigenen Laravel-Backoffice, wie alles andere hinter der Storefront.

Das Backoffice unter admin.arwenn.com ist eine eigene Laravel-Anwendung. Es spiegelt Produkte, Varianten, Kollektionen und Standorte aus Shopify, gruppiert sie zu Produktfamilien und übergibt sie an die Locafox-Kasse, zugeordnet über eine stabile Shopify-ID statt über die SKU, sodass Umbenennungen und Kollisionen nie Dubletten erzeugen.

Verkäufe aus dem Webshop und von der Kasse landen in einem Journal mit nummerierten, festgeschriebenen Belegen: Rechnungen und Gutschriften als PDF und als ZUGFeRD-E-Rechnung, ein Journal-Export und der DATEV-Export, den die Steuerberatung ohne Abtippen einliest. Die Verkaufsstatistik zeigt, was sich wo verkauft, online und im Laden.

Was das Backoffice besonders macht: Es trägt den ganzen Handel, nicht nur den Shop. B2B-Kund:innen mit eigenen Aufträgen und Konditionen, Lieferantenbestellungen mit Nachbestellmengen je Lager und Lagerhaltung über alle Standorte. Wieder-verfügbar-Benachrichtigungen, Kundenbewertungen mit Opt-out, Widerrufe und Backups haben je einen eigenen Bildschirm; angemeldet wird mit Passkeys. Shop und Backoffice sind vom ersten Tag an als ein System gebaut, und deshalb kann ein neues Unternehmen mit einem Zwei-Personen-Team darauf laufen.

Was es gelöst hat

  • Eine komplette Geschäftsinfrastruktur vor dem ersten Verkauf: Shop, Kasse, Post, Buchhaltung und die Verbindungen dazwischen, aus dem Nichts in einem Zug gebaut.
  • Ein maßgeschneidertes Frontend auf einem Standard-Commerce-Backend, ohne Checkout, Zahlungen oder die Verwaltung aufzugeben, die das Team schon kennt.
  • Zwei führende Systeme, Shop und Kasse, in eines zusammengeführt, ohne dass jemand eine Bestellung abtippt.
  • Deutsche Buchhaltungsregeln im Shop-Backoffice: festgeschriebene Belege, E-Rechnungen, DATEV-Vorbereitung.
  • Ein Abgleich, der gefahrlos wiederholt werden kann: Jeder Push ist idempotent, jeder zerstörerische Schritt ein Archivieren, kein Löschen.

Design

Aus der Nähe.

Schriften, Farben und drei Details.

Die Wortmarke über dem Eröffnungsfilm
Eine Produktseite: Name und Preis, Farbvarianten, das blaue „Add to cart“
Die Anmeldung am Backoffice, mit Passkey

Schriften

  • Helvetica Now Text

    Alles, in einem Schnitt

Farben

  • #000000
  • #006dbc
  • #0293fb
  • #73c4ff
  • #e6e6e6
  • #ffffff

Ansichten

Im Einsatz.

arwenn.com auf dem Telefon
arwenn.com auf dem Telefon: die Kollektion Leuchten
arwenn.com auf dem Telefon: eine Produktseite
Die Anmeldung am Backoffice auf dem Telefon
arwenn.com: die Kollektion Leuchten
arwenn.com: eine Produktseite
admin.arwenn.com: die Anmeldung am Backoffice mit Passkeys

Gebaut mit

Shopify Hydrogen · React Router 7 · React · TypeScript · Tailwind CSS 4 · GraphQL · Shopify Storefront & Admin API · Sanity · Shopify Oxygen · Laravel 13 · PHP 8.4 · Livewire 4 · Flux · Redis & Horizon · MySQL 8 · Saloon · Locafox API · ZUGFeRD · DATEV · Mailgun · Passkeys