--- title: "Kuroba Studio: Design und Webentwicklung aus Caen, nah am Projekt" description: "Ein Porträt von Kuroba Studio, einem kleinen Team aus Caen, das Strategie, visuelles Design und individuelle Webentwicklung in konkreten digitalen Projekten verbindet." date: "2026-09-12" author: lschvn tags: ["ecosystem", "frameworks", "javascript"] image: "/images/heroes/2026-09-12--kuroba-studio-caen-design-web-development.png" tldr: - "Kuroba ist ein kleines Studio in Caen, in dem Strategie, visuelle Gestaltung und Webentwicklung in einem gemeinsamen Prozess zusammenlaufen." - "Das dokumentierte Projekt für Fil et Main verbindet Branding, Fotografie und einen Onlineshop mit Laravel, Inertia, Vue 3 und Tailwind CSS." - "Zum Portfolio gehören außerdem ein 60-seitiges redaktionelles Buch für Ports de Normandie und klar gekennzeichnete selbst initiierte Konzepte." faq: - question: "Was macht Kuroba Studio?" answer: "Kuroba arbeitet an Webstrategie, UX und UI, visueller Identität, Editorial Design und individueller Webentwicklung. Technologie und Prozess werden an das Projekt angepasst, statt eine feste Stack zu verkaufen." - question: "Wo sitzt Kuroba Studio?" answer: "Kuroba sitzt in Caen und beschreibt sich als Studio für Unternehmen in der Normandie. Die Website stellt außerdem heraus, dass die Arbeit über Département- und Regionalgrenzen hinweg möglich ist." - question: "Welche Technologien sind in einem Kuroba-Projekt dokumentiert?" answer: "Die Fallstudie Fil et Main nennt Laravel, Inertia, Vue 3 und Tailwind CSS für Shop, Katalog, Produktseiten und Kundenbereich." --- *Transparenz: typescript.news und Kuroba haben denselben Eigentümer. Dieses vom Eigentümer verfasste Studio-Porträt soll Entwicklern und potenziellen Kunden einen sachlichen Einblick in ein kleines Studio in Caen geben.* Kuroba ist ein digitales Kreativstudio in Caen in der Normandie. Die Arbeitsweise lässt sich mit wenigen Verben beschreiben: zuhören, das Problem abstecken, bauen und so lange nachjustieren, bis die Idee trägt. Das Team beschreibt sich als drei Freunde, die gerne gemeinsam Dinge entwickeln. Diese kleine Struktur ist Teil des Angebots. Strategie, Design und Umsetzung bleiben in einem Gespräch, statt in einer Reihe von Übergaben zu verschwinden. Die [Startseite](https://kuroba.studio/) positioniert Kuroba rund um individuelle Websites und Anwendungen für Unternehmen in Caen und der Normandie. Die [Übersicht der Leistungen](https://kuroba.studio/services) teilt die Arbeit in Strategie, Design und Webentwicklung. Diese Bereiche stehen nicht als voneinander getrennte Pakete nebeneinander. Die Strategie klärt Ziele, Nutzer, Inhaltsprioritäten und sinnvolle Funktionen. Das Design übersetzt diesen Rahmen in eine visuelle Richtung, eine Oberfläche und einen responsiven Prototyp. Die Entwicklung macht daraus eine wartbare Website oder Anwendung. Diese Trennung zwischen Problem und Werkzeug zeigt sich auch in der Nuxt-Website des Studios. Die [Geschichte zu Nuxt 4.4](/articles/2026-04-06-nuxt-4-4-vue-router-v5-typed-layout-props-28x-faster-dev-routing) ist eine nützliche Ergänzung für Entwickler, die sich mit typisiertem Routing, Layouts und serverseitig gerenderten öffentlichen Seiten beschäftigen. ## Ein kleines Team mit ergänzenden Rollen Die [Teamseite](https://kuroba.studio/team) erzählt die Entstehung des Studios weniger institutionell als eine typische Agenturbiografie. Kuroba begann nicht mit einem 80-seitigen Businessplan, sondern mit drei Freunden, die gemeinsam Dinge bauen wollten. Die öffentlichen Inhalte ordnen Maëli der visuellen Leitung und dem Interface-Design zu, während Louis und Gabin an der Entwicklung arbeiten. So kann die Person, die eine Oberfläche gestaltet, direkt mit denen sprechen, die sie integrieren. Dieser Austausch ist in der Zwischenzone eines digitalen Projekts besonders nützlich. Ein Designsystem muss echte Inhalte, mobile Ansichten, Formulare, Ladezustände und spätere Seiten aushalten. Eine technische Einschränkung kann das Design verbessern, wenn sie früh genug sichtbar wird. Kurobas Entwicklungsleistung umfasst Frontend und Backend, Integrationen mit CMS und Drittanbietern, geschützte Bereiche, Formulare, Daten und Automatisierungen. Hinzu kommen Performance, Barrierefreiheit, visuelle Stabilität und Code, den ein anderes Team später übernehmen kann. Für Entwickler ist die Grundidee vertraut und sinnvoll: Die Architektur soll dem Produkt folgen. Eine öffentliche Website, ein Katalog, ein Kundenkonto und eine interne Anwendung brauchen nicht zwangsläufig dieselbe Basis. Kurobas Ressourcen beschreiben Laravel als serverseitiges Framework für Daten, Konten und Geschäftsregeln und Vue als Interface-Schicht, die sich mit Inertia verbinden lässt. Der [Laravel-Leitfaden von Kuroba](https://kuroba.studio/outils/laravel) nutzt Fil et Main als konkretes Beispiel. ## Fil et Main: ein echter Shop mit dokumentiertem Stack Die technisch klarste Fallstudie im Portfolio ist [Fil et Main](https://kuroba.studio/projets/fil-et-main), eine Textilmarke aus der Normandie, die einzigartige Kleidungsstücke aus gebrauchten Stoffen fertigt. Vor dem Projekt wurden die Stücke persönlich verkauft, die Identität war uneinheitlich und es gab keinen Onlineshop. Kuroba entwickelte das Branding vollständig neu und baute den ersten Onlineshop. Das visuelle System umfasst ein einliniges Logo, das eine Hand und eine Nadel zeichnet, eine kurze Farbpalette und eine Kombination aus handschriftlicher und geometrischer Schrift. Das Team fotografierte außerdem die Kollektion selbst. Diese Bilder flossen in einen Shop für Einzelstücke ein: Verkauftes wird entfernt, kommende Verkäufe können vorab angekündigt werden. Der verwendete Stack ist ausdrücklich dokumentiert: Laravel, Inertia, Vue 3 und Tailwind CSS. Die Anwendungsregeln und Daten bleiben nah an Laravel, Vue übernimmt die interaktive Oberfläche und Tailwind liefert das Styling-Vokabular. Die Fallstudie nennt einen filterbaren Katalog, Produktseiten, Kundenkonten, Bestellverfolgung und sichere Zahlungen. Das ist ein anschauliches Beispiel für einen modernen Monolithen: Die Technik folgt Daten und Kaufprozess, statt selbst zum Thema zu werden. Wer die Frontend-Seite dieser Architektur vertiefen möchte, kann die [Geschichte zum Inertia-3-Release](/articles/2026-04-03-inertia-js-3-0-release-modern-monolith) lesen. Sie erklärt, wie eine Laravel-und-Vue-Anwendung eine Navigation wie eine Single-Page-App mit servergesteuertem Routing verbinden kann. Die [Seite zur Webentwicklung](https://kuroba.studio/services/developpement-web) ordnet dieses Beispiel in den größeren Ansatz des Studios ein, mit responsiver Umsetzung, Integrationen und Wartung. ## Editorial Design, das über Websites hinausgeht Kurobas Portfolio beschränkt sich nicht auf Weboberflächen. Das Projekt [Fort de l’île Pelée](https://kuroba.studio/projets/fort-ile-pelee) entstand für Ports de Normandie anlässlich der Europäischen Tage des Denkmals. Die von Jean-Luc Monin zusammengetragene Geschichte eines normalerweise geschlossenen Ortes sollte in eine zugängliche Publikation übersetzt werden. Das Ergebnis ist ein redaktionelles Buch mit 60 Seiten. Kuroba entwickelte Art Direction und Layout, strukturierte mehr als zwei Jahrhunderte Geschichte über wichtige Daten und schuf ein flexibles System für Fotografien, Pläne und historische Dokumente. Die Farbwelt nimmt Meer und militärische Landschaft auf. Das Medium ist ein anderes, die Designaufgabe bleibt erkennbar: Hierarchie schaffen, Quellen respektieren und Leser sicher durch den Inhalt führen. Zum Portfolio gehören auch selbst initiierte Projekte. „Qui a demandé ?“ ist als Identität eines fiktiven Podcasts gekennzeichnet, Clutch als fiktive Esport-Plattform. Diese Konzepte zeigen Kurobas Arbeit an Identitätssystemen, Interface-Struktur und Kampagnenmaterial. Sie werden als Arbeitsproben präsentiert, nicht als beauftragte Kundenbeziehungen. ## Vom Gespräch zum Kontakt Die [Designleistung](https://kuroba.studio/services/design) beginnt mit Struktur vor dem visuellen Finish: Wireframes, Informationshierarchie, Komponenten, Prototypen und responsives Verhalten. Die [Kontaktseite](https://kuroba.studio/contact) lädt dazu ein, über Projekt, Ausgangslage und Einschränkungen zu sprechen. Das fasst Kurobas Position gut zusammen. Das Ergebnis kann eine Identität, ein Buch, ein Shop oder eine individuelle Anwendung sein, aber die Arbeit beginnt damit, zu verstehen, was gebaut werden soll und warum. Für ein kleines Team wird dieser Vorteil konkret, sobald ein Projekt mehrere Disziplinen verbindet. Dieselben Menschen können über Botschaft, Oberfläche, Daten und Wartung sprechen, solange eine Richtungsänderung noch möglich ist. Kuroba ist ein kleines Studio aus Caen, dessen Portfolio diese Verbindung sichtbar macht und mit einem ausreichend dokumentierten Kundenprojekt die Entscheidungen hinter der fertigen Oberfläche auch für Entwickler nachvollziehbar hält.