- Page load
- Old site 6.7 s Renewal 0.34 s
- Data on first load
- Old site 1,709 KB Renewal 823 KB
- Requests
- Old site 129 Renewal 26
- Languages
- Old site English only Renewal English, Japanese
Home page, measured on 8 November 2026 from Tokyo: old site and renewal on the same machine and browser, cold cache, 1440 × 900. The renewal passes axe accessibility checks (WCAG AA) with zero violations.
Client / Nin-Ja Company Co., Ltd. Field / Game art and real-time 3D Since / 2026
Nin-Ja Company is a Tokyo studio providing characters, environments and technical art for game titles in Japan and abroad. We led the full renewal of its corporate website, from research and design through engineering and launch. The brief: present the studio's credits and company details in a form buyers can verify, for publishers overseas and companies in Japan, and raise the quality of incoming enquiries.
The site renders a real-time 3D world in the visitor's browser, so the studio's technical standard is visible before a word is read. Beneath it sits what a buyer checks before signing: work with official credits, a company profile linked to Japan's public corporate and invoice registries, and copy written natively in English and Japanese.
Scope / Research and brand strategy / Web design / Real-time 3D / Bilingual copy / Full-stack engineering
Our role
- Research and brand strategy
- Design and real-time 3D
- Bilingual copy
- Full-stack engineering
Craft and technology
- Real-time rendering WebGPU A 3D world drawn live in the browser. Older browsers switch automatically to a compatible rendering mode.
- Frame rate 60 fps Resolution and quality adapt to each device to hold a smooth frame rate.
- Original visuals 32 An art set made for this site, with HDR versions for displays that can show them.
- Interactive effects 14 Interactions and photo effects designed for each section, bringing a game studio's character to a clear business site.
What we built
Creative
- Concept and brand system A concept built on 忍 (to work unseen), a tagline and four studio values, delivered as a 17-page brand and website guideline.
- Art direction A 32-image art set made for the site, with HDR and portrait variants. Client work appears only in official stills and videos.
- Interaction design Section-by-section interactions, photo effects and collectible extras: a game studio's character, without losing the clarity of a business site.
- Sound design UI sound from field recordings and synthesis, plus a soundtrack player. Silent by default; it plays only when the visitor chooses.
- Bilingual copy and typesetting English and Japanese written separately, not translated. Japanese line breaking is verified automatically at 13 screen sizes.
- Sales structure A page order that follows how buyers decide, three ways to engage, and a six-question enquiry form that helps qualify each project.
Technology
- Real-time 3D rendering 3D rendered with the latest browser graphics technology (WebGPU), switching automatically to a compatible mode on older browsers. Image quality adjusts to each device so the site stays smooth everywhere.
- Performance A first load of 823 KB, 3D world and sound included. Video, music and large images stream only after the visitor opts in.
- Accessibility An effects on/off switch and support for the system's reduced-motion setting. Zero violations in axe checks against WCAG AA.
- Touch and iPad Apple Pencil and touch interactions, and a home-screen app for iPad and iPhone.
- Hosting and operations Served quickly worldwide from Cloudflare's network. Updates publish automatically, and every change gets its own preview page for review before it goes live. The creator sign-up form runs securely on the same platform.
- Search and domain migration Search-engine data, a sitemap and social media previews. The move to the new domain kept existing email working and redirects every old address.
Live screens
How we ran it
- Discover Reviewed the old site (60 pages), the in-house draft (60 pages), public portfolios and the national registries.
- Define Defined two target buyer groups, publishers abroad and companies in Japan, and one goal: more and larger engagements.
- Design Concept, brand system, page structure and interactions, each decision documented with its reason.
- Build and verify 53 changes to launch, each reviewed on its own preview link before it went live.
On phones and in Japanese
