Brand & Web Direction
브랜드 톤앤매너, 콘텐츠 구성,
정보 구조와 화면 흐름
브랜드를 이해하고,
경험을 설계하고,
웹으로 구현합니다.
탄두의 웹 크리에이티브 작업실.
WARHEAD의 웹 디자인·개발 작업을 소개합니다.
브랜드가 가진 이야기와 콘텐츠를 화면 위의 경험으로 연결합니다. 무엇을 먼저 보여주고, 어떻게 읽게 하고, 어떤 행동으로 이어질지. 구조와 디자인, 인터랙션을 함께 설계합니다.
SELECTED WEB PROJECTS ↓브랜드 톤앤매너, 콘텐츠 구성,
정보 구조와 화면 흐름
사용자 경험, 에디토리얼 레이아웃,
반응형 디자인과 인터랙션
웹 구현, 화면·기능 검수,
운영을 고려한 구성과 전달

조금 느리게,
오래 좋아할 것들.



물건을 나열하기보다, 그 물건과 함께하는 생활을 먼저 보여주는 쇼핑 경험을 설계했습니다.
생활 사진과 넉넉한 여백, 차분한 색과 타이포그래피로 브랜드의 속도를 표현합니다. 공간을 다루는 이야기에서 관련 상품을 살펴보고 장바구니에 담는 흐름을 자연스럽게 연결했습니다.
가상 브랜드 콘셉트 프로젝트 · 결제와 배송은 연결되지 않은 데모

공간, 커피, 사물, 문화를 읽고 발견하고 다시 찾아오는 콘텐츠 경험으로 연결했습니다.
큰 마스트헤드와 주황색 포인트, 이미지와 제목의 명확한 위계로 매체의 성격을 표현합니다. 커버 스토리부터 카테고리 탐색, 기사 읽기와 저장까지 콘텐츠에 집중할 수 있는 흐름을 만들었습니다.
가상 브랜드 콘셉트 프로젝트 · 창작 기사 8편과 구독 화면 데모
정비소를 기술과 취향, 사람과 콘텐츠가 만나는 문화 공간으로 소개하는 브랜드 랜딩 페이지입니다.
블랙과 핑크, 라임 포인트로 브랜드의 태도를 표현했습니다. 정비 서비스와 Coffee & Cars, Car Meet, 팝업 활동을 소개하고 기사에서 관련 제품과 장바구니로 이어지는 경험을 연결했습니다.
가상 브랜드 콘셉트 프로젝트 · 제품 4개 · 실제 행사 예약·주문·결제 없음
누구에게 무엇을 전달할지 정리합니다. 브랜드의 목적과 콘텐츠, 사용자가 필요한 정보를 연결합니다.
화면의 순서와 정보의 위계를 만들고, 브랜드에 어울리는 색과 글자, 이미지로 구체화합니다.
디자인을 실제 화면으로 구현합니다. PC와 모바일, 클릭과 탐색의 흐름을 함께 다룹니다.
읽기 편한지, 원하는 행동으로 이어지는지 확인합니다. 화면과 기능을 조정해 전달합니다.
브랜드 사이트, 쇼핑몰, 콘텐츠 중심 웹사이트.
함께 만들고 싶은 웹 프로젝트가 있다면 편하게 연락주세요.
어떤 사이트가 필요한지, 어떤 이야기를 전하고 싶은지부터 함께 정리합니다.