Kuroba Studio : design et développement web depuis Caen, au plus près des projets

Kuroba Studio : design et développement web depuis Caen, au plus près des projets

lschvn

Transparence : typescript.news et Kuroba ont le même propriétaire. Cet article est un portrait du studio rédigé par son propriétaire, pour donner aux développeurs et aux futurs clients une vue factuelle d’un petit studio caennais.

Kuroba est un studio créatif digital installé à Caen, en Normandie. Sa méthode tient en quelques verbes : écouter, cadrer le problème, fabriquer, puis ajuster jusqu’à ce que l’idée tienne debout. L’équipe se décrit comme trois amis qui aiment créer ensemble. Cette petite taille fait partie de la proposition. Stratégie, design et réalisation restent dans la même conversation au lieu de devenir une succession de transmissions.

La page d’accueil présente Kuroba autour de sites et d’applications sur mesure pour des entreprises de Caen et de Normandie. La page des services organise le travail en trois temps : stratégie, design et développement web. Ces blocs ne sont pas traités comme des offres isolées. La stratégie précise les objectifs, les utilisateurs, les priorités de contenu et les fonctionnalités utiles. Le design transforme ce cadre en direction visuelle, interface et prototype responsive. Le développement donne vie au résultat dans un site ou une application maintenable.

Cette séparation entre le problème et l’outil se retrouve aussi dans le site Nuxt du studio. L’article sur Nuxt 4.4 constitue un complément utile pour les développeurs qui s’intéressent au routage typé, aux layouts et aux pages publiques rendues côté serveur.

Une petite équipe aux rôles complémentaires

La page de l’équipe raconte les débuts du studio dans des termes moins institutionnels qu’une biographie d’agence classique. Kuroba n’est pas né d’un business plan de 80 pages, mais de l’envie de trois amis de construire des choses ensemble. Les contenus publics associent Maëli à la direction artistique et au design d’interface, tandis que Louis et Gabin travaillent au développement. La personne qui dessine peut donc échanger directement avec celles qui vont intégrer l’interface.

Cet échange est précieux dans la zone intermédiaire d’un projet numérique. Un système de design doit supporter du contenu réel, des écrans mobiles, des formulaires, des états de chargement et les pages à venir. Une contrainte technique peut aussi améliorer le design lorsqu’elle apparaît assez tôt. Le service de développement de Kuroba couvre le frontend et le backend, les intégrations avec des CMS et des services tiers, les espaces connectés, les formulaires, les données et les automatisations. Il insiste également sur la performance, l’accessibilité, la stabilité visuelle et un code que l’on peut reprendre.

Pour un développeur, la limite est familière mais saine : l’architecture doit suivre le produit. Un site public, un catalogue, un compte client et une application métier n’ont pas forcément besoin du même socle. Les ressources de Kuroba présentent Laravel comme un framework serveur pour les données, les comptes et les règles métier, et Vue comme une couche d’interface qui peut s’associer à Inertia. Le guide Laravel de Kuroba s’appuie sur le cas concret de Fil et Main.

Fil et Main : une vraie boutique et une stack documentée

Le cas technique le plus détaillé du portfolio est Fil et Main, une marque textile normande qui crée des vêtements uniques à partir de tissus de seconde main. Avant le projet, les ventes se faisaient de la main à la main, l’identité manquait de stabilité et la marque ne disposait pas de boutique en ligne.

Kuroba a réalisé une refonte complète de la marque et sa première boutique. Le système visuel comprend un logotype tracé d’un seul trait qui dessine une main et une aiguille, une palette courte et un duo de typographies, l’une manuscrite, l’autre géométrique. L’équipe a aussi photographié la collection. Ces images alimentent une boutique pensée pour des pièces uniques : un article vendu disparaît, tandis que les prochaines ventes peuvent être annoncées en avant-première.

La stack est explicitement documentée : Laravel, Inertia, Vue 3 et Tailwind CSS. Les règles applicatives et les données restent proches de Laravel, Vue porte l’interface interactive et Tailwind fournit le vocabulaire de styles. Le cas d’étude mentionne un catalogue filtrable, des fiches produit, des comptes clients, le suivi de commande et le paiement sécurisé. C’est un exemple parlant de monolithe moderne : la technologie suit les données et le parcours d’achat au lieu de devenir le sujet principal.

Pour approfondir cette architecture côté frontend, on peut lire l’article sur la sortie d’Inertia 3, qui explique comment une application Laravel et Vue peut conserver une navigation de type single page app avec un routage piloté par le serveur. La page développement web replace ce cas dans l’approche plus large du studio, entre intégration responsive, services tiers et maintenance.

Un travail éditorial, au-delà du web

Le portfolio de Kuroba dépasse les interfaces web. Le projet Fort de l’île Pelée a été réalisé pour Ports de Normandie à l’occasion des Journées européennes du patrimoine. L’enjeu était de transformer l’histoire rassemblée par Jean-Luc Monin en une publication lisible sur un lieu habituellement fermé au public.

Le résultat est un ouvrage éditorial de 60 pages. Kuroba en a conçu la direction artistique et la mise en page, structuré plus de deux siècles d’histoire par grandes dates, et créé un système assez souple pour accueillir photographies, plans et documents d’époque. La palette s’inspire de la mer et du paysage militaire. Le support change, mais le problème de design reste reconnaissable : établir une hiérarchie, respecter les sources et garder le lecteur orienté.

Le portfolio comprend également des projets auto-initiés. « Qui a demandé ? » est signalé comme l’identité d’un podcast fictif, et Clutch comme une plateforme esport fictive. Ces concepts montrent le travail de Kuroba sur les systèmes d’identité, la structure d’interfaces et les assets de campagne. Ils sont présentés comme des démonstrations de savoir-faire, pas comme des relations clients.

De la conversation au contact

Le service design commence par la structure avant le vernis : wireframes, hiérarchie de l’information, composants, prototypes et comportement responsive. La page contact propose de parler du projet, de l’existant et des contraintes. Cette séquence résume bien le positionnement du studio. Le résultat peut être une identité, un livre, une boutique ou une application sur mesure, mais le travail commence par comprendre ce qu’il faut construire et pourquoi.

Pour une petite équipe, cet avantage devient concret lorsque le projet traverse plusieurs disciplines. Les mêmes personnes peuvent discuter du message, de l’écran, des données et de la maintenance pendant qu’il est encore possible de changer de direction. Kuroba est un studio caennais à taille humaine, avec un portfolio qui rend ce lien visible et un cas client suffisamment documenté pour que les développeurs puissent examiner les choix derrière l’interface finale.

Questions fréquentes

Bug Claude Code #74066 : Des Utilisateurs Signalent une Fuite de Contexte Entre Workspaces sur Sonnet 5, Anthropic N'a Pas Encore Répondu

Un bug ouvert déposé contre Claude Code le 2026-07-04 par un utilisateur [Enterprise ZDR](https://docs.anthropic.com/en/docs/build-with-claude/zero-data-retention) décrit une session de travail sur Sonnet 5 qui commence soudainement à faire référence à une construction de temple Minecraft non liée, puis persiste dans la mauvaise tâche dans son récapitulatif. Le rapporteur (GitHub : [@milesrichardson-edb](https://github.com/milesrichardson-edb), issue [anthropics/claude-code#74066](https://github.com/anthropics/claude-code/issues/74066)) est sur Enterprise Zero Data Retention, le niveau qu'Anthropic présente spécifiquement comme isolé par session. Le triage sur le JSONL de session locale du rapporteur à `~/.claude/projects/<encoded-cwd>/<session-id>.jsonl` montre que le texte fuité n'est pas dans la transcription, ce qui exclut une fuite de contexte locale par chevauchement de fichier. Quatre autres utilisateurs dans les commentaires (avec des historiques de travail remontant à l'an dernier) décrivent un comportement quasi identique sur Claude Code, Claude Mobile et Claude deep research. Le fit architectural le plus plausible est un état de cache KV partagé dans l'inférence ([selon @yv3nne dans les commentaires](https://github.com/anthropics/claude-code/issues/74066#issuecomment-4880448776)), mais aucun ingénieur d'Anthropic n'a commenté l'issue dans les 22 heures depuis son dépôt, et l'issue a atteint le sommet de [Hacker News](https://news.ycombinator.com/item?id=42481789) le 2026-07-04. Le ton dans le fil est partagé : la moitié suspectant une vraie réutilisation de cache plateforme, l'autre moitié suspectant une [hallucination spécifique à Sonnet 5 déclenchée par un lexer Pygments](https://github.com/anthropics/claude-code/issues/74066#issuecomment-4880334711). Les deux lectures sont crédibles.

Articles connexes

Plus de couverture avec des sujets et tags en commun.

Svelte mars 2026 : Context programmatique, commentaires HTML et Error Boundaries côté serveur
frameworks

Svelte mars 2026 : Context programmatique, commentaires HTML et Error Boundaries côté serveur

La mise à jour Svelte de mars apporte createContext pour l'instanciation programmatique de composants, les commentaires HTML dans les balises, et les error boundaries en SSR.
Prettier 3.9 refond cinq parseurs : micromark pour Markdown, yaml v2, GraphQL.js v17, un parseur Flow en Rust et Angular
javascript

Prettier 3.9 refond cinq parseurs : micromark pour Markdown, yaml v2, GraphQL.js v17, un parseur Flow en Rust et Angular

Prettier 3.9.0, publié le 27 juin 2026 (prettier/prettier, billet de Fisker Cheung), est une release centrée sur les parseurs qui fait passer Markdown de remark-parse v8 à micromark v4 (meilleure conformité CommonMark et GFM et une série de bugs de parsing de longue date corrigés), YAML à yaml v2, GraphQL à GraphQL.js v17 (arguments de fragment et directives sur les définitions de directive), Flow au nouveau parseur oxidized basé sur Rust de l'équipe Flow (environ 37 % plus rapide sur les fixtures Flow valides de Prettier et 43 % plus rapide sur flow_parser.js en benchmarks parser-only locaux) et Angular. Le formateur JavaScript et TypeScript est aussi retravaillé, en particulier en mode --no-semi où les commentaires autour de break et continue sont maintenant stables entre plusieurs passages (un fix d'idempotence), plus la suppression des parenthèses redondantes dans les return, l'alignement des interpolations de template embarquées et l'inlining des expressions de négation logique. La release retire la syntaxe legacy import ... assert {} (Babel 8 a supprimé le plugin de parseur ; migrez vers with), corrige une option --cache-strategy content silencieusement cassée et empêche les fichiers EditorConfig au-dessus des worktrees Git de s'infiltrer. L'équipe rappelle d'épingler la version exacte dans package.json car les changements de formatage vont produire des diffs.
Biome 2.5 livre `@biomejs/js-api` v6.0.0 : un bump majeur pour l'API JS
javascript

Biome 2.5 livre `@biomejs/js-api` v6.0.0 : un bump majeur pour l'API JS

La CLI Biome passe en 2.5.0 et l'API JavaScript passe en v6.0.0 majeure. Le gros titre est le nouveau helper spanInBytesToSpanInCodeUnits, qui corrige un vrai bug de surrogates UTF-16 dans l'extraction de texte diagnostique non-ASCII, plus une longue liste d'améliorations SCSS, JSON, linter et CLI.

Commentaires

Connexion Connectez-vous pour participer à la conversation.

Pas encore de commentaires. Soyez le premier à partager vos pensées.