06 / THE LAB — INDEPENDENT CONCEPT/RÖSTWERK 1070 (Independent Concept)/2026

RÖSTWERK 1070

Viennese specialty roasting, sensory flavor radars, and interactive extraction.

An independent brand and digital product showcase for a Vienna specialty micro-roastery: Interactive flavor radar and dynamic brew calculator for V60, Aeropress, and espresso.

RoleBrand Identity, UX Concept & Frontend Engineering
ScopeBrand Showcase · Flavor Radar · Interactive Brew Calculator · Responsive Commerce
StatusThe Lab · Independent Concept
🧪The Lab · Interactive Prototype
RÖSTWERK 1070 — Brand showcase of a Viennese specialty micro-roastery
Warm roastery tones, tactile typography, and curated bean profiles from Vienna Neubau.
02 / SENSORY FINDER: THE FLAVOR RADAR

Flavor made visible: Sensory discovery beyond gatekept jargon.

Translating complex cupping metrics into an intuitive visual taste-matching experience.

Specialty coffee often alienates newcomers with inaccessible cupping jargon. RÖSTWERK 1070 translates cupping characteristics into an interactive 5-axis radar graph. Tastes are logged playfully to match the ideal roast crafted in Vienna Neubau.

SENSORY FINDER · INTERACTIVE TASTE JOURNEY
🧪The Lab · Sensory Finder / Flavor Profile
SVG Sensory Engine
SÜSSE (9/10)SÄURE (8/10)KÖRPER (5/10)FLORAL (9/10)RÖSTGRAD (3/10)
Flavor Polygon: Flora Neubau
100% PROFILE MATCH

Flora Neubau

Äthiopien · Yirgacheffe · 2.100 m ü. M. · Gewaschen (Washed)
BergamottePfirsichblüteJasminWeißer Tee

An exceptionally clean, floral filter roast for lovers of crisp acidity and sweet stone fruits. Hand-picked heirloom lots gently roasted in small batches in Vienna Neubau.

☕Recommendation: V60 filter, 92°C, 1:16.7 ratio, 2:45 min drawdown.

Interactive sensory journey: Translating three intuitive taste dimensions into the ideal roast profile, visualised via a dynamic 5-axis SVG flavor radar.

🧪The Lab · Sensory Finder / Live View
Sensory Finder
RÖSTWERK 1070 Sensory finder with interactive flavor radar graph

Sensory finder (/sensorik): Multi-axis visual profiling balancing sweetness, clarity, acidity, and roast depth.

03 / INTERACTIVE EXTRACTION: BREW CALCULATOR

Precision in the cup: Brew method, ratio & gram dosage.

The built-in calculator balances coffee weight, water volume, and extraction timing for V60, Aeropress, French Press, and espresso.

SELECT DOSAGE & METHOD:
Coffee Dose15.0 gFrisch gemahlen (V60)
Water Volume250 ml92°C Brühwasser
Ratio1 : 16.7Golden Cup Standard
Total Time2:45 minInkl. 45s Blooming
POUR TIMELINE
0:00 – 0:45Blooming45 ml Wasser aufgießen, Kaffeebett sanft schwenken, CO2 entweichen lassen.
0:45 – 1:30First PourIn ruhigen Kreisen bis 150 ml aufgießen. Papierfilter nicht direkt besprühen.
1:30 – 2:45Final Pour & DrawdownZentriert bis 250 ml auffüllen, einmal schwenken und komplett abtropfen lassen.
🧪The Lab · Brew Calculator / Extraction Guide
Brew Calculator · 1:16.7
RÖSTWERK 1070 Interactive brew calculator for coffee ratio and water

Brew calculator (/bruehen): Dynamic coffee-to-water ratio adjustments (e.g. 1:16) with timed pouring phases.

04 / MOBILE SHOP & ROASTING CRAFT

Tactile coffee culture on every screen.

Mobile touch commerce for coffee enthusiasts on the move, anchored in traditional small-batch drum roasting in Vienna Neubau.

Mobile Bean Selection · 390px
RÖSTWERK 1070 Mobile View and checkout

Mobile coffee curation: Fluid browsing, bean bag size selector, and frictionless checkout flow.

Drum Roasting in District 7
Drum roaster in Vienna NeubauSmall-Batch Röstung · 1070 Wien

Tradition & Dritte Welle

Viennese coffeehouse heritage meets third-wave precision: Hand-selected Arabica cherries, roasted in small batches in a gas-fired drum roaster.

05 / OUTCOME & THE LAB

Sensory coffee culture meets interactive frontend precision.

RÖSTWERK 1070 shows how specialty commerce can deliver genuine consumer value: Through interactive visualizations and practical brewing calculations, the barrier to third-wave coffee is lowered without diminishing the craft.

  • ✓Independent brand showcase within 'The Lab' exploring sensory tools and interactive calculators
  • ✓Interactive 5-axis flavor radar featuring dynamic SVG calculation and taste-profile matching
  • ✓Reactive extraction calculator with instant coffee-to-water ratio adjustments
  • ✓Complete source code on GitHub with Playwright E2E and automated accessibility audits
TECHNOLOGY STACK
Next.js 16React 19Tailwind CSSSVG Radar VisualsExtraction EngineStatic Export

Next.js 16 pre-renders ultra-fast static pages, while Tailwind CSS and native SVG math power smooth radar visualizations without heavy charting libraries.

Project Status

Independent concept (The Lab). Complete source code and interactive calculators available on GitHub.

←Back to Work Archive
NEXT PROJECTKERN / FIELD→Architectural Monograph & Living Index