WEB DESIGN & DEVELOPMENT PORTFOLIO

DESIGN.
BUILD.
CONNECT.

브랜드를 이해하고,
경험을 설계하고,
웹으로 구현합니다.

탄두의 웹 크리에이티브 작업실.

WARHEAD의 웹 디자인·개발 작업을 소개합니다.

브랜드가 가진 이야기와 콘텐츠를 화면 위의 경험으로 연결합니다. 무엇을 먼저 보여주고, 어떻게 읽게 하고, 어떤 행동으로 이어질지. 구조와 디자인, 인터랙션을 함께 설계합니다.

SELECTED WEB PROJECTS ↓
01 / BRAND & STRUCTURE

Brand & Web Direction

브랜드 톤앤매너, 콘텐츠 구성,
정보 구조와 화면 흐름

02 / EXPERIENCE & DESIGN

UI / UX & Editorial

사용자 경험, 에디토리얼 레이아웃,
반응형 디자인과 인터랙션

03 / BUILD & DELIVERY

Web Development

웹 구현, 화면·기능 검수,
운영을 고려한 구성과 전달

Websites I've Built.

CONCEPT PROJECT / 001 — 003
BRAND CONCEPT · EDITORIAL · COMMERCE

SLOWFORM일상의 물건을 이야기로 소개하는 리빙 셀렉트숍

물건을 나열하기보다, 그 물건과 함께하는 생활을 먼저 보여주는 쇼핑 경험을 설계했습니다.

생활 사진과 넉넉한 여백, 차분한 색과 타이포그래피로 브랜드의 속도를 표현합니다. 공간을 다루는 이야기에서 관련 상품을 살펴보고 장바구니에 담는 흐름을 자연스럽게 연결했습니다.

01 / DIRECTION
Quiet Living & Brand Identity
02 / CONTENT
Editorial → Product Discovery
03 / EXPERIENCE
Product Detail & Shopping Bag
04 / RESPONSIVE
Desktop / Mobile
CREATIVE FIELD
Brand DirectionUI / UXEditorial CommerceResponsive Web
사이트 둘러보기 ↗

가상 브랜드 콘셉트 프로젝트 · 결제와 배송은 연결되지 않은 데모

BRAND CONCEPT · CONTENT · WEB MAGAZINE

OFFBEAT익숙한 일상에서 새로운 취향을 발견하는 웹진

공간, 커피, 사물, 문화를 읽고 발견하고 다시 찾아오는 콘텐츠 경험으로 연결했습니다.

큰 마스트헤드와 주황색 포인트, 이미지와 제목의 명확한 위계로 매체의 성격을 표현합니다. 커버 스토리부터 카테고리 탐색, 기사 읽기와 저장까지 콘텐츠에 집중할 수 있는 흐름을 만들었습니다.

01 / DIRECTION
Independent Lifestyle Journal
02 / DISCOVERY
Categories & Article Search
03 / READING
Reading View & Saved Stories
04 / RESPONSIVE
Desktop / Mobile
CREATIVE FIELD
Content DirectionUI / UXWeb MagazineResponsive Web
사이트 둘러보기 ↗

가상 브랜드 콘셉트 프로젝트 · 창작 기사 8편과 구독 화면 데모

PROJECT 003 / GARAGE CULTURE & COMMERCE
LAZY & FAST / GOOD CAR CLUB↗
LAZY & FAST
LAZY & FAST의 자동차 문화 콘셉트
GOOD CARS.
BETTER COMPANY.
LAZY
& FAST
GARAGE / COFFEE / CARS / CULTURE
BRAND CONCEPT · CAR CULTURE · CONTENT COMMERCE

LAZY & FAST정비와 튜닝, 커피와 카밋이 만나는 자동차 문화 브랜드

정비소를 기술과 취향, 사람과 콘텐츠가 만나는 문화 공간으로 소개하는 브랜드 랜딩 페이지입니다.

블랙과 핑크, 라임 포인트로 브랜드의 태도를 표현했습니다. 정비 서비스와 Coffee & Cars, Car Meet, 팝업 활동을 소개하고 기사에서 관련 제품과 장바구니로 이어지는 경험을 연결했습니다.

01 / DIRECTION
Garage & Independent Car Culture
02 / COMMUNITY
Coffee & Cars · Car Meet · Pop-up
03 / COMMERCE
Story → Product → Shopping Bag
04 / RESPONSIVE
Desktop / Mobile
CREATIVE FIELD
Brand DirectionUI / UXContent CommerceOriginal GraphicsResponsive Web

가상 브랜드 콘셉트 프로젝트 · 제품 4개 · 실제 행사 예약·주문·결제 없음

From idea to screen.

STRUCTURE / DESIGN / BUILD / REFINE
01 / UNDERSTAND

먼저, 이해합니다.

누구에게 무엇을 전달할지 정리합니다. 브랜드의 목적과 콘텐츠, 사용자가 필요한 정보를 연결합니다.

02 / DESIGN

경험을 설계합니다.

화면의 순서와 정보의 위계를 만들고, 브랜드에 어울리는 색과 글자, 이미지로 구체화합니다.

03 / BUILD

움직이는 웹으로.

디자인을 실제 화면으로 구현합니다. PC와 모바일, 클릭과 탐색의 흐름을 함께 다룹니다.

04 / REFINE

사용하며 다듬습니다.

읽기 편한지, 원하는 행동으로 이어지는지 확인합니다. 화면과 기능을 조정해 전달합니다.

WARHEAD의 다른 작업들디자인 · 개발 · 영상 · 공예 · 메이킹
CONTACT / WEB COLLABORATION

LET'S
BUILD.

브랜드 사이트, 쇼핑몰, 콘텐츠 중심 웹사이트.
함께 만들고 싶은 웹 프로젝트가 있다면 편하게 연락주세요.

어떤 사이트가 필요한지, 어떤 이야기를 전하고 싶은지부터 함께 정리합니다.

프로젝트 문의하기 ↗

WEB DESIGN & DEVELOPMENT / WARHEADBRAND / CONTENT / EXPERIENCE / WEB