Skip to content

EXPLORE RUTTO

hello@rutto.co.kr
한국어English
한국어
Start a project
RUTTO — Web design & development studio, South KoreaInteractive / 3D & WebGL / Product

Interactive websites and real-time 3D.
Designed and built in one studio.

RUTTO works with brands, digital artists and creative teams
on sites that are meant to be explored, and writes the code itself.

Start a project
McLaren Z1 — The Last OvertureProduct showcase · Scroll-led web
NONAME's Cloud rendered live in the browser: clouds, stars and studio lights on a blue backdrop
NONAMEReal-time 3D · Artist collaboration

Z1 opening sequence and NONAME's Cloud, from the live sites · Z1 design by Kyutae Park · Artwork by NONAME

01 — Selected work

Live work you can open,
with credit where it's due.

Every project links to a live site or public preview. Where something is still in progress, or someone else made the art, it says so.

01 / Product showcase · Scroll-led webPublic preview · In progress
The McLaren Z1 concept car in a dark studio, from the opening of the web exhibition
  • Scroll-led scenes
  • Motion sequence
  • Full-screen views

Independent design study. Not affiliated with McLaren Automotive.

McLaren Z1 — The Last Overture

A concept car presented as a web exhibition, chapter by chapter.

Kyutae Park designed and modelled the Z1 as an independent concept study for his industrial design graduation exhibition at Hongik University. RUTTO built the web exhibition around it: an opening sequence with sound, then scroll-led chapters on the silhouette, airflow, character lines and package, closing as the tail lamps fade out.

Automotive design, 3D model
Kyutae Park
Interactive direction, renders for web, motion, development
RUTTO
  • Next.js
  • TypeScript
  • Blender Cycles renders
  • Scroll-linked sequences
Open the web exhibition (opens in a new tab)Start a similar project Brief, build and status →
02 / Real-time 3D · Artist collaborationLive public preview
NONAME's Cloud rendered live in the browser: clouds, stars and studio lights on a blue backdrop
  • Drag to explore
  • Interactive light
  • Real-time 3D

All artwork © NONAME. Shown here as a collaboration, credited to the artist.

NONAME

Five artworks you can step into, not just look at.

NONAME makes 3D images of clouds, blue landscapes and imagined rooms. RUTTO brought five of the works into the browser as real-time WebGL scenes. Each room opens on the original image and wakes into a live scene in the same framing. Some can be turned and zoomed; others can be walked into at eye level.

Artwork, scenes, visual direction
NONAME
Real-time conversion, exhibition site design and development
RUTTO
  • three.js / WebGL
  • Blender light baking
  • Temporal anti-aliasing
  • Vite
Enter the rooms (opens in a new tab)Start a similar project Brief, build and status →
03 / Brand commerceIn development · Public staging site
IYKYK home page: black-and-white road footage behind the brand logo
  1. Shop
  2. Cart
  3. Checkout
  4. Admin

Staging site. Payment and operations flows are still being tested.

IYKYK

A streetwear brand's mood, carried through to checkout.

A commerce site that keeps IYKYK's dark visual identity through browsing, cart and checkout, with an admin for products and orders behind it.

Brand identity
IYKYK
Web planning, design, development
RUTTO
  • Next.js
  • Firebase
  • Toss Payments
View the staging site (opens in a new tab)Start a similar project Brief, build and status →

Also built

02 — Expertise

What we design and build.

Four kinds of project we are set up for, each tied to work you can open above.

01

Interactive websites

Sites built around how people move through them. Scroll-led stories, transitions and interface details are designed together with the content, not added afterwards.

Scroll-led narrative / Motion and transitions / Responsive front end

See it in McLaren Z1 →
02

3D & WebGL experiences

Real-time scenes that run in the browser. We prepare assets from Blender, bake lighting, design the camera and navigation, and tune for phones as well as desktops.

three.js / WebGL / Asset preparation and baking / Camera and navigation / Mobile performance

See it in NONAME rooms →
03

Digital product showcases

Launch and showcase sites for physical and digital products: cinematic renders, specification storytelling and full-screen views, plus the product interfaces themselves when there is software to show.

Product launch pages / Render-led storytelling / Product UI and web apps

See it in IYKYK · RUTTO Field →
04

Creative development for brands & artists

Portfolios, archives, release and commerce sites for artists and brands, with the work kept intact and credited to the people who made it.

Artist portfolios and archives / Release and campaign sites / Brand commerce

See it in NONAME Archive · IYKYK →

Toolkit

  • Next.js
  • React
  • TypeScript
  • three.js / WebGL
  • Blender
  • Motion
  • Supabase
  • Firebase
  • Vercel

The same studio also builds company websites, commerce and internal web apps. See RUTTO Field and Jeonggyeol Cleaning.

Discuss a project

03 — Approach

From the first question
to the last working screen.

Planning, design and development stay with the same people, so the decisions made at the start are still there in the shipped site.

  1. 01

    Brief and scope

    Send what you have: references, assets, constraints and a deadline. Before any production starts you get a written scope with timeline and quote.

    Scope · Timeline · Quote

  2. 02

    Prove the key moment

    For interactive work we build the hardest part first, usually the main scene or interaction, and review it in the browser on real devices before designing everything around it.

    Working prototype

  3. 03

    Design and build together

    Design and code move in step. You review shared preview links on desktop and mobile, so feedback is about the real thing rather than a static mock-up.

    Preview builds · Responsive build

  4. 04

    Launch and hand over

    We deploy, check loading, accessibility basics and reduced-motion behaviour, then hand over source code and accounts as agreed. Ongoing support is scoped separately.

    Deployment · Source handover

04 — About

An independent studio
that writes its own code.

RUTTO is a web design and development studio in South Korea, founded and led by Jiwon Lee. Jiwon directs each project and builds it too, from the first plan to the shipped code, so nothing gets lost in a handoff.

Working with NONAME

NONAME is an independent digital artist working in 3D images and spaces, and not part of the RUTTO team. On joint projects NONAME leads the artwork and visual direction, and RUTTO builds the web experience. The artworks remain NONAME's. When a project calls for original 3D art, we can suggest working with NONAME, depending on the artist's availability.

Who we work with

Brands, digital artists, creative agencies and product teams who need the build to hold up to the idea. Agencies can bring us in as the development partner behind their own design.

Working remotely

We work in written English and mostly asynchronously, from Korea Standard Time (UTC+9). Calls are scheduled when they help. Reviews happen on live preview links you can open on any device.

05 — Start a project

Tell us what you
want to make.

Share the idea, any references or assets, and your timing.
We'll reply by email with questions or a proposed scope.

Start a project