카페·쇼룸·오피스 등 상업 공간의 디자인·설계·시공을 수행하는 가토디자인 스튜디오의 공식 홈페이지입니다.
프로젝트 아카이브 중심의 미니멀한 구조로 스튜디오의 작업 철학과 시공 역량이 그대로 전달되도록 설계했습니다.
프로젝트 개요
가토디자인(GATO DESIGN STUDIO)의 목적과 사용자 행동을 함께 분석해 디자인 스튜디오 홈페이지의 정보 구조와 핵심 경험을 설계했습니다.
- PROJECT TYPE
- 디자인 스튜디오 홈페이지
- CLIENT
- 가토디자인(GATO DESIGN STUDIO)
- PLATFORM
- PC · Tablet · Mobile
- KEY SERVICE
- 스튜디오 웹사이트 · 프로젝트 아카이브 · 문의 상담
문제와 목표
작업이 말하게 하는 구조
공간 디자인 스튜디오의 설득력은 완성된 공간 그 자체입니다. 설명을 덜어내고 프로젝트 사진이 화면을 채우는 아카이브 구조로, 작업물이 곧 포트폴리오이자 영업 도구가 되도록 했습니다.
수행 범위 명시
프로젝트마다 디자인·설계·시공 등 수행 범위를 태그로 명시해, 잠재 클라이언트가 스튜디오의 커버 영역을 직관적으로 파악하고 문의 단계에서의 커뮤니케이션 비용을 줄였습니다.
스튜디오 철학 전달새 목표
'보여지는 것에 집중된 디자인 시장을 탈피한다'는 스튜디오의 지향점을 About에 담아, 단순 시공 업체가 아닌 철학 있는 파트너로 포지셔닝하는 것을 목표로 했습니다.
디자인 접근
블랙 베이스의 강한 대비 위에 프로젝트 사진이 주인공이 되는 갤러리형 레이아웃을 구성했습니다.
Home·About·Project·Contact 네 개의 최소 메뉴로 구조를 압축하고, 산세리프 타이포그래피로 스튜디오다운 절제되고 밀도 있는 무드를 구현했습니다.
Design system
국문목적과 지속력을 지닌 디자인
Pretendard
영문GATO DESIGN STUDIO
DM Sans
- #000000
- #ffffff
- #adadad
결과와 성과
프로젝트 아카이브와 스튜디오 철학, 문의 동선이 한 구조 안에서 연결되어 작업 역량 전달과 프로젝트 문의 전환을 함께 높일 수 있는 기반을 만들었습니다.
- UX프로젝트 갤러리 중심 몰입형 탐색 흐름 설계
- SEO상업 공간·인테리어 시공 키워드 기반 검색 친화적 구조
- RWD전 기기 반응형 대응
- Archive수행 범위 태그 기반 프로젝트 아카이브 구축
- BX블랙 톤 미니멀 레이아웃으로 스튜디오 무드 일관화
VISIT WEBSITEGATO DESIGN STUDIO
사이트 바로가기