Produktstudio und Engineering-Beratung · Wien
offbrand plant, entwickelt und betreibt digitale Produkte über den gesamten Stack: Architektur, Frontend, Backend, Infrastruktur. Kein Zulieferer für einen Teilbereich, sondern ein Ansprechpartner für das fertige Produkt. Was wir können, steht nicht nur auf dieser Seite. Es ist öffentlich zugänglich und lässt sich bis ins Detail nachprüfen.
Wie Kor Ihrem Projekt einen Vorsprung gibt
Die meisten Dienstleister decken eine dieser Ebenen ab und koordinieren die übrigen. Wir bauen alle vier. Deshalb entstehen die teuren Fehler an den Übergängen gar nicht erst.
Systementwurf, Datenmodell, Schnittstellen und die technischen Produktentscheidungen. Also der Teil, an dem sich Jahre später entscheidet, ob ein Produkt weiterentwickelt oder neu gebaut wird.
Solution Architecture · Daten- und Domänenmodellierung · API-Design · Technische Produktführung · Reviews · Mentoring
Vue und Nuxt in allen Rendering-Modi, von statisch generiert über serverseitig gerendert bis hybrid. Dazu Design Systems, Mandantenfähigkeit und technisches SEO. Performance und Barrierefreiheit gehören zur Anforderung, nicht zur Nachbesserung.
Vue · Nuxt · TypeScript · SSR, SSG, ISR & hybride Modi · Design Systems · Multi-Tenant-Theming · Technisches SEO · Core Web Vitals · WCAG · Rive
Schnittstellen, Rechenlogik, Datenmodelle, Integrationen und Content-Schichten. Node und Nitro als Standard, Python, wo es die bessere Wahl ist, PostgreSQL als Rückgrat und Storyblok als bevorzugte Content-Quelle.
Node · Nitro · Python · PostgreSQL · SQLite · REST & GraphQL · Storyblok · Headless-CMS · Authentifizierung
Pipelines, Container, Deployments, Monitoring und Backups. Danach Wartung, Updates und Weiterentwicklung über Jahre. Wir übergeben nicht an einen Betreiber. Bei unseren eigenen Produkten sind wir selbst einer.
GitLab CI/CD · Docker · Traefik · Hetzner · EU-Infrastruktur · Monitoring · Backups · Wartung und Weiterentwicklung · DSGVO
Wer schneller starten will, kann das: In Kor, unserer eigenen Plattformschicht, spielen diese vier Ebenen bereits zusammen. Das spart die ersten Monate Fundamentarbeit.
Vom einzelnen Review bis zum fertigen Produkt. Der Zuschnitt richtet sich nach dem Problem, nicht nach einem Paket.
Architekturentscheidungen, Reviews und die Themen, die seit drei Sprints offen sind. Als Fractional-Einsatz auf Retainer, mit echter Verantwortung für die Entscheidungen und ohne die Fixkosten einer Anstellung.
Für Teams, die Seniorität brauchen und keine weitere Vollzeitstelle
Konzept, Datenmodell, Schnittstellen, Oberfläche, Deployment, Betrieb, Wartung und Weiterentwicklung. Eine Verantwortung über den ganzen Weg statt Übergaben zwischen Agentur, Freelancer und Hoster, an denen erfahrungsgemäß die Hälfte der Probleme entsteht.
Für Produkte, die jahrelang betrieben und nicht nur gestartet werden
Der Bericht binnen 72 Stunden ab Zugang, ein priorisierter Maßnahmenkatalog und ein 90-minütiges Gespräch. Der risikoärmste Weg, uns kennenzulernen, und in der Regel der erste Schritt.
Für alle, die wissen wollen, wo sie stehen, bevor sie investieren
Mandantenfähige Design Systems und Theming, Versionssprünge und Migrationen in Vue und Nuxt, CMS-Umstellungen und Rettungsarbeit an Projekten, die stehengeblieben sind.
Für Teams mit mehreren Produkten auf einem gemeinsamen Fundament
Binnen 72 Stunden ab Zugang wissen Sie, wo Ihre Anwendung steht, was es kostet, wenn nichts geschieht, und in welcher Reihenfolge sich die Behebung rechnet.
Gilt für den üblichen Anwendungsumfang, größere Systeme auf Anfrage. Die Umsetzung der wichtigsten Maßnahmen danach zum Tagessatz, ohne Verpflichtung.
Audit anfragenEigene Produkte, live und öffentlich einsehbar. Die beste Arbeitsprobe ist eine, die man aufrufen kann.
Österreichs werbefreie Plattform für Gehalt und Steuer. Die meisten Rechner runden. Dieser nicht.
Vue · Nuxt · TypeScript · Nitro · SQLite · Storyblok · Kor · Docker · Traefik · GitLab CI
Vom türkischen Wort für Glut: die gebündelte Hitze, die ein Feuer behält, und der Grund, warum ein kleines Team das Tempo eines großen hat.
Vue · Nuxt Layer · TypeScript · Design Tokens · Nitro · Storyblok · Docker · Traefik · GitLab CI
Die eigene Seite des Studios. Sie läuft auf derselben Plattform wie die Produkte. Die Seite, die Sie gerade lesen, ist also selbst eines der Beispiele, auf die sie verweist.
Vue · Nuxt · TypeScript · Nitro · Storyblok · Kor · Docker · Traefik · GitLab CI
Ein drittes Produkt entsteht auf derselben Plattform. Es ist nicht öffentlich und wird es erst, wenn es Ihre Zeit wert ist.
Vue · Nuxt · Kor
Wir arbeiten seit 2008 überwiegend an Systemen, bei denen ein Fehler sofort sichtbar wird: Handelsplattformen, Vergleichsportale, Anwendungen im industriellen Umfeld. Meist kommen wir dazu, wenn etwas bereits gebaut ist und an seine Grenzen stößt.
offbrand · laufend · Architektur, Entwicklung und Betrieb
Alles darunter haben wir an fremden Systemen gelernt, in Übung halten wir es an unseren eigenen: Kor, die Plattform unter jedem Produkt, das wir betreiben, und die Produkte selbst. Wer beides baut und betreibt, trifft Entscheidungen, mit denen er selbst leben muss.
Eine Plattform, von der mehrere Produkte abhängen, ändert man nicht nebenbei, verkommen lassen darf man sie aber auch nicht. Jede Verbesserung muss ohne Umbau in jedem Produkt ankommen. Genau dieses Problem hat Ihre Codebasis auch, nur kleiner und ohne jemanden, dem man die Schuld geben kann.
Industriekonzern · laufendes Mandat · Architektur und technische Führung
Eine über Jahre gewachsene Anwendung wurde auf eine Core-Layer mit Komponentenkatalog und Theming neu aufgesetzt. Diese Schicht ist heute die Grundlage sämtlicher weiterer Frontends des Konzerns, samt Standards, Reviews und der Begleitung des Teams, das darin arbeitet.
Das bestehende Produkt war im täglichen Einsatz und durfte nicht stillstehen. Die Ablöse musste schrittweise ausgeliefert werden, und das Ergebnis musste von Teams angenommen werden, die nicht nach einem gemeinsamen Fundament gefragt hatten. Die technische Hälfte war dabei die kleinere.
Schweizer Vergleichsplattform · Solution Architect · 2021 bis 2023
Architektur und Migrationswerkzeuge für den Wechsel von Sitecore zu Storyblok: zehn Sprachen, rund zweihundert Seiten, überführt über die Management API statt von Hand, dazu die Erweiterungen, mit denen die Redaktion anschließend auch arbeiten konnte.
Zweihundert Seiten in zehn Sprachen lassen sich nicht neu erfassen, und der Termin für den Relaunch stand fest. Die Migration selbst musste zu Software werden: wiederholbar, überprüfbar und so oft ausführbar, bis das Ergebnis stimmte.
Solutions Architect · Headless-Frontends · 2022 bis 2023
Architektur, Prototypen und Umsetzung mit Storyblok, Vue, Nuxt und TypeScript, samt mehrerer Erweiterungen für Inhalte, die Redaktion und Marketing selbst pflegen.
Das Marketing wollte Seiten ändern, ohne auf ein Deployment zu warten, und die Seiten sollten trotzdem schnell und sauber indexierbar bleiben. Wo die Grenze zwischen Redaktion und Entwicklung verläuft, entscheidet sich in solchen Projekten in den Erweiterungen und nicht im Konzept.
Europäischer Anbieter · Architektur und Umsetzung · Echtzeit
Live-Quoten und Wettabgabe im Browser, wo sich die Zahlen laufend bewegen und die Oberfläche ehrlich darüber bleiben muss, worauf sich jemand tatsächlich einlässt.
Quoten ändern sich, während jemand sie ansieht. Die Oberfläche muss den aktuellen Kurs zeigen, die Änderung sichtbar machen und darf aus einer veralteten Zahl nie eine abgegebene Wette werden lassen.
Architektur und Umsetzung · Echtzeit · 2018 bis 2019
Architektur und Implementierung der Handelsoberfläche in Echtzeit, mit Vue, Nuxt, Canvas, Node und WebSockets.
Ein Orderbuch, das sich mehrmals pro Sekunde ändert, in einem Browser, in dem ein ausgelassener oder vertauschter Frame kein Darstellungsfehler ist, sondern ein falscher Preis vor den Augen eines Nutzers. Rendering-Budget und Korrektheit zugleich, unter laufender Verbindung.
Systemair · Tender Service
Composable Weblösungen mit Vue, Nuxt, Node und Storyblok, samt eigener Storyblok-Werkzeuge und Plugin-Integrationen.
Diese Mandate laufen typischerweise über Jahre. Referenzen und Ansprechpartner auf Anfrage.
Ein Studio unter der Leitung von Lukas Brand, der die Arbeit selbst macht und nicht weiterreicht. Für größere Vorhaben kommen Spezialistinnen und Spezialisten dazu, mit denen wir bereits gearbeitet haben. So bekommen Sie Principal-Niveau im Projekt und nicht nur im Angebot.
Für Unternehmen, die eine Verantwortung für ein ganzes Produkt brauchen, vom Datenmodell bis zum Server, auf dem es läuft, und die es über Jahre betreiben wollen statt es einmal zu starten. Schlecht geeignet ist es für eine einmalige Marketingseite, für Kapazitätsaufstockung innerhalb einer fremden Architektur und für alle, deren Hauptkriterium der niedrigste Tagessatz ist. Das früh zu sagen erspart beiden Seiten ein Gespräch.
Der Code liegt in Ihren Repositories, die Infrastruktur in Ihren Konten, die Architektur ist dokumentiert, und die Konventionen sind streng genug, dass sich jemand anderes zügig einarbeiten kann. Das ist eine Entwurfsentscheidung und keine Beruhigungsformel.
Der Einstieg ist meist das Audit zum Fixpreis. Danach arbeiten wir zum Tagessatz oder als Retainer, je nach Zuschnitt. Konkrete Zahlen bekommen Sie nach dem ersten Gespräch, wenn klar ist, worüber wir sprechen.
Ja. Die Projekt-IP gehört Ihnen und wird dokumentiert übergeben, samt der Teile aus unserer Vorarbeit, die darin landen. Bei uns bleibt unsere eigene Vorarbeit, und deren Nutzung begründet für Sie keine Lizenzpflicht.
Ein Audit in der Regel innerhalb von zwei Wochen. Größere Mandate nach Absprache, meist zum Monatsbeginn.
Für ein Audit: die Zeit, die das Einrichten der Zugänge kostet, plus die 90 Minuten, in denen wir die Ergebnisse durchgehen. Bei einem Build sind es Entscheidungen statt Stunden, also jemand, der Fragen zur Fachlichkeit beantworten und Richtungen freigeben kann, in der Regel wenige Stunden pro Woche. Wir führen keinen Prozess, den Ihre Leute besetzen müssen.
Remote in ganz Europa, hybrid in Wien. Workshops und Auftaktgespräche gerne vor Ort, die Umsetzung läuft erfahrungsgemäß konzentrierter aus der Distanz.
Erzählen Sie uns, was Sie bauen und was im Weg steht. Je konkreter, desto brauchbarer die erste Antwort.