브랜드·아티스트·현장 서비스 사업자를 위해,
보이는 경험과 실제 업무 도구를 한 팀이 설계하고 개발합니다.
실제 작업 화면 · McLaren Z1 웹 전시 오프닝 / RUTTO Field 시연용 데이터
01 — Selected work
보여주는 방식도, 사용하는 방식도.
프로젝트에 필요한 경험을 설계합니다.
Independent design study · McLaren Automotive 비제휴 콘셉트
한 대의 콘셉트 카를 스크롤과 장면 전환으로 경험하는 웹.
McLaren Z1 독립 디자인 스터디를 하나의 스크롤 기반 인터랙티브 웹 경험으로 구성했습니다. 실루엣과 에어로 흐름, 주요 뷰를 장면별로 탐색할 수 있습니다.
Cloud 실시간 3D 구현 화면 · 공개 프리뷰 / 원작: NONAME · 웹 설계·개발: RUTTO
작품을 보는 웹에서, 작품 안으로 들어가는 웹으로.
디지털 아티스트 NONAME의 비주얼을 관람자가 직접 탐색하는 인터랙티브 웹 경험. Cloud 장면에서 시점을 움직이고 별과 조명을 조작할 수 있도록 실시간 3D로 구현했습니다.
사무실에서는 전체 운영을.
현장에서는 오늘 할 일을.
역할에 맞춘 두 개의 화면
파일럿 단계의 자체 제품입니다. 화면의 고객·금액·작업 기록은 공개 시연용 가상 데이터입니다.
현장의 하루와 사무실의 업무를 하나로.
현장 서비스 사업자를 위한 운영 시스템. 일정과 작업자 배정, 현장 기록, 고객 보고서, 청구와 미수금을 하나의 업무 흐름으로 연결했습니다.
Also shipped
브랜드의 무드에서, 실제 판매와 운영까지.
어떤 일을 맡길 수 있는지, 어떻게 문의하는지.
NONAME의 작품을 한곳에, 처음부터 끝까지.
02 — Capabilities
요청에 맞는 범위를 함께 정하고, 설계부터 개발까지 연결합니다.
원페이지 소개부터 여러 페이지의 기업·브랜드 사이트까지, 필요한 정보와 문의 흐름을 정리해 만듭니다.
원페이지 / 기업 홈페이지 / 브랜드 홈페이지
운영 중인 플랫폼과 상품·회원·결제 데이터를 유지하면서 HOME과 상품 화면의 디자인을 개선합니다.
HOME / 상품 상세 공통 디자인 / 기존 플랫폼 유지
브랜드와 작품의 성격에 맞춰 움직임과 탐색 방식을 설계하는 별도 범위의 크리에이티브 작업입니다.
3D 경험 / 인터랙티브 포트폴리오 / NONAME 협업
반복 업무의 흐름과 사용자 역할을 살펴보고 팀이 실제로 쓰는 웹 시스템과 자동화를 설계·개발합니다.
업무 흐름 / 관리자·작업자 화면 / 시스템 연동
페이지 구성과 필요한 기능을 알려주시면 적합한 범위를 함께 정합니다.
프로젝트 상담·견적 문의03 — How we work
RUTTO는 디렉터가 기획·디자인·개발을 직접 연결하는 디지털 스튜디오입니다. 결정한 방향이 실제 구현까지 이어지도록 작업합니다.
누가 쓰는지, 무엇이 불편한지 함께 정리합니다. 필요한 기능과 콘텐츠, 우선순위를 맞춥니다.
프로젝트 범위 · 일정 · 견적
정보 구조와 주요 화면을 먼저 설계합니다. 실제 사용 흐름을 보며 방향을 확인합니다.
정보 구조 · 디자인 · 사용 흐름
디자인을 코드로 구현하고 모바일, 핵심 기능, 문의 동선을 실제 화면에서 확인합니다.
반응형 구현 · 기능 검수 · 배포
사용 방법과 관리 범위를 정리합니다. 인수인계와 유지보수 범위는 프로젝트에 맞춰 협의합니다.
운영 안내 · 인수인계
04 — Start a project