Tag2code
··

Wie wir bauen

Produkte entwickeln. Mit vollem Ernst.

Jedes Produkt, das wir ausliefern, folgt denselben kompromisslosen Standards, vom ersten Wireframe bis zur CI/CD-Pipeline. Hier ist genau, wie wir arbeiten.

Philosophie

KI-First. Nicht nachträglich ergänzt.

Die meisten Teams fügen KI als Feature ein, nachdem das Produkt gebaut wurde. Wir integrieren KI von Anfang an in die Architektur, wählen wir das richtige Modell für die Aufgabe, entwickeln die Prompt-Schicht als erstklassiges System und stellen sicher, dass das Produkt mit dem Wachstum smarter wird.

Modellauswahl

Wir wählen zwischen Claude, GPT-4o, Gemini und On-Device Core ML basierend auf Latenz, Kosten, Datenschutz und Fähigkeit. Nicht auf Hype.

Prompt Engineering

Prompts sind Code. Sie werden versioniert, getestet und optimiert wie jede andere Systemkomponente.

On-Device vs. Cloud

Wo Datenschutz oder Latenz es erfordern, führen wir Modelle On-Device über Core ML oder ONNX aus. Keine Daten verlassen das Gerät des Nutzers.

KI-UX-Design

KI-Features werden ab der Wireframe-Phase ins UX integriert, nicht nachträglich. Ladezustände, Fallbacks und Vertrauenssignale sind erstklassige Designentscheidungen.

Designprozess

Vom Pixel bis zur Produktion.

Wir übergeben keine Spezifikation und verschwinden. Design und Engineering arbeiten parallel. Jede in Figma gebaute Komponente wird 1:1 im Code über Design-Tokens und ein gemeinsames Komponentensystem abgebildet.

Figma-First

Jeder Screen, Zustand und Randfall wird entworfen, bevor eine Zeile Code geschrieben wird. Klickbare Prototypen validieren Flows vor Beginn des Engineerings.

Design System

Wir bauen gleichzeitig eine gemeinsame Komponentenbibliothek in Figma und Code. Tokens für Farbe, Abstände und Typografie sichern pixelgenaue Parität.

Responsiv & zugänglich

Mobile-first-Layouts, WCAG-AA-Kontrastverhältnisse und semantisches HTML sind nicht verhandelbare Standards bei jedem Projekt.

Motion Design

Micro-Interaktionen und Übergänge werden mit Bedacht gestaltet, nicht wahllos eingestreut. Jede Animation hat einen Zweck und respektiert prefers-reduced-motion.

Software-Lifecycle

Jedes Projekt. Dieselbe Sorgfalt.

01

Discovery

Geschäftsziele, Wettbewerbsumfeld, User-Personas und technische Rahmenbedingungen. Wir definieren, wie Erfolg aussieht, bevor wir Code schreiben.

02

Architektur

Systemdesign, Datenmodelle, API-Verträge und KI-Integrationspunkte. Wir erstellen den vollständigen technischen Blueprint. Skalierbarkeit und Kosten werden von Anfang an berücksichtigt.

03

Design

Wireframes → High-Fidelity-UI → interaktive Prototypen → Design System. Stakeholder-Freigabe vor Beginn des Engineerings.

04

Build

Zwei-Wochen-Sprints, tägliche Standups, PR-Reviews bei jedem Commit. Kein Solo-Cowboy-Coding. Alles wird geprüft, bevor es gemergt wird.

05

QA & Testing

Unit-Tests, Integrationstests und E2E-Flows vor jedem Release. Echtgerätetests auf iOS über mehrere OS-Versionen.

06

Launch & Iterate

Zero-Downtime-Deployments, Feature-Flags für schrittweise Rollouts, Crash-Monitoring ab Minute eins. Wir bleiben dabei und iterieren auf Basis echter Daten.

Engineering-Standards

Regeln, die wir nie brechen.

TypeScript überall

Kein reines JavaScript. Jede Codebasis ist vollständig typisiert. Runtime-Überraschungen sind nicht akzeptabel.

PR-Review bei jedem Commit

Kein Code erreicht main ohne Review. Jeder Pull Request wird auf Logik, Sicherheit und Stil geprüft.

Automatisiertes Linting

ESLint und Prettier laufen bei jedem Commit via Pre-Commit-Hooks. Konsistenter Code-Stil ist keine Diskussion.

CI-Checks vor dem Merge

Type-Checking, Linting und Tests müssen in CI bestehen, bevor ein PR gemergt werden kann. Keine Ausnahmen.

Zero-Downtime-Deploys

Vercel-Preview-Deployments für jeden PR. Durch ein Deployment wird Production nie unterbrochen.

DSGVO by Default

Kein Drittanbieter-Tracking ohne Einwilligung. Privacy-First-Architektur mit Datensparsamkeit von Anfang an.

CI/CD-Pipeline

Automatisierung vom Commit bis zur Produktion.

Jedes Repository ist mit einer vollautomatisierten Pipeline verbunden. Keine manuellen Deployments, keine defekten Builds, die Nutzer erreichen.

01Push auf Branch
02GitHub Actions
03Type-Check + Lint + Tests
04Preview-Deploy (Vercel)
05PR-Review & Freigabe
06Merge in main
07Produktions-Deploy
08Monitoring & Alerts

Tech Stack

Das richtige Werkzeug für die Aufgabe.

Design

FigmaFigJamFramer

Mobile

SwiftSwiftUIUIKitReact NativeExpoFlutterCore ML

Web

Next.jsReactTypeScriptTailwind CSSGSAP

KI-Schicht

Claude (Anthropic)GPT-4o (OpenAI)Gemini (Google)Core MLONNX

Backend

FirebaseSupabaseNode.jsRESTGraphQL

Infrastruktur

VercelGitHub ActionsFastlaneTestFlightApp Store Connect

Bereit, etwas Großes zu bauen?

Erzählen Sie uns von Ihrem Projekt und wir melden uns innerhalb von 24 Stunden.

Projekt starten
Wie wir bauen · Tag2code · Berlin