카톡 상담
Work 목록으로
WORK / DETAIL PAGE / CASE 01
DESIGN STUDY 72H URBAN KIT 상세페이지 · 풀 스택 기획 + 아트 디렉션 + 카피 2026

도시는 멈춰도,
준비는 남습니다

도시형 정전·단수·통신 장애에 대응하는 모듈형 키트 72H Urban Emergency Kit의 상세페이지 디자인 스터디. 제품 기획에서 카피, 모듈 색상 시스템, 상세페이지 아트 디렉션까지 혼자 설계한 프로젝트

PRODUCT 72H Urban Emergency Kit
SERVICE 04 · 상세페이지
CHANNEL 와디즈·브랜드스토어·기업 안전 제안
SPEC 1536 × 19,264 px · 7 sections
72H Urban Emergency Kit 상세페이지 히어로 · 오렌지 케이스와 6모듈
PROJECT / 01

재난 대비 제품이 당연히 쓰는
공포 마케팅을 걷어냅니다

시장의 재난 대비 키트는 대부분 공포·군용·생존주의 톤으로 팔립니다. 하지만 도시의 일시적 정전·단수는 재난이 아니라 생활의 잠긐 정지입니다

그래서 방향을 반대로 잡았습니다. 파괴 장면, 군용 장비, 재난 피해자 이미지를 다 빼고, 정돈된 준비가 주는 안정감을 화면으로 가져왔습니다. 어두운 현관 조명 아래 놓인 오렌지 하드 케이스 — 히어로컷 한 장이 이 톤을 정의합니다

제품은 얇은 수직형 하드 케이스로 설계했습니다. 현관 벽·수납장에 걸어놓고, 필요할 때 180도로 펼치면 여섯 개 모듈이 한눈에 보입니다. 양이 아니라 구조가 이 키트의 핵심입니다

CORE COPY · 핵심 카피
필요한 순간,
찾지 말고 펼치세요
위급한 순간에 긴 설명은 읽히지 않습니다.
동사 하나만 남겼습니다 — ‘펼치세요’
SYSTEM / 02

여섯 개의 상황,
여섯 개의 색

각 모듈은 하나의 상황에 대응합니다. 색·픽토그램·영문 명칭 세 가지 신호를 겹쳐, 위기 상황에서도 3초 안에 필요한 모듈을 찾을 수 있게 만들었습니다.

MOD/01 LED · 손전등 · 야광 스티커
LIGHT
정전 즉시 손에 닿는 조명. 오렌지는 가장 먼저 꺼내는 색
MOD/02 보조배터리 · C타입 케이블
POWER
최소 72시간 통신 유지. 배터리 잔량은 매달 확인
MOD/03 라디오 · 호루라기 · 대피 카드
SIGNAL
통신망이 끊겨도 정보를 받는 채널
MOD/04 거즈 · 밴드 · 소독제 · 진통제
CARE
기본 응급 처치. 유효기한은 라벨에 표기
MOD/05 비상 담요 · 핫팩 · 마스크
WARM
체온 유지. 겨울 정전이 가장 위험합니다
MOD/06 비상수 · 정수 태블릿
WATER
72시간 최소 급수량. 정기 교체 주기 안내
PALETTE / 03

도시의 비상등에서 뽑은
다섯 개의 색

P/01 · CORE
CHARCOAL BLACK
#1A1A1A
P/02 · SAFETY
SAFETY ORANGE
#F26522
P/03 · SIGNAL
SIGNAL LIME
#C3E834
P/04 · CARE
CARE RED
#D63737
P/05 · PAPER
CREAM PAPER
#EFEBE0
01

상황 · 해결해야 했던 것

재난 대비 카테고리 상세페이지는 대부분 공포 · 붉은색 경고 · 군용 이미지를 남발합니다. 정작 도시 사용자는 이 톤을 피하고 싶어합니다

02

접근 · 설계의 원칙

‘정돈된 안정감’을 시각 언어로 삼았습니다. 색은 위험 신호가 아니라 식별 코드로 쓰고, 카피는 위협 대신 행동 유도에 집중합니다

DETAIL PAGE / 04

7개 섹션,
한 페이지의 흐름

각 섹션은 다음 섹션을 궁금하게 만드는 순서로 배치했습니다

SECTION / 01

Hero

브랜드 카피와 제품 첫인상. “도시는 멈춰도, 준비는 남습니다”

Section 01 Hero · 히어로 섹션
SECTION / 02

Problem & Reveal

도시 인프라가 멈춘 시나리오와 케이스가 펼쳐지는 순간 연결

Section 02 Problem · 문제 인식과 제품 오픈샷
SECTION / 03

Six Modules

6개 모듈을 색, 픽토, 구성품과 함께 큰 그리드로 정리

Section 03 Six Modules · 6모듈 구성 그리드
SECTION / 04

Scenarios

집, 차, 사무실 세 가지 보관 시나리오

Section 04 Scenarios · 집·차·사무실 보관 시나리오
SECTION / 05

Refill & Material

파우치 리필, 소재, 환경 감안 설계 안내

Section 05 Refill · 리필과 소재 설명
SECTION / 06

Specifications & Offer

CORE · HOME · MOVE 3옵션 비교표

Section 06 Specifications · 3옵션 비교표
SECTION / 07

CTA

정돈된 일상 이미지와 구매 유도. 공포 없이 마무리

Section 07 CTA · 마무리 · 구매 유도
FULL PAGE / 05

전체 상세페이지
스크롤 뷰

실제 커머스 채널에 그대로 올라가는 형식. 아래 뷰어를 세로로 스크롤하면 전체 흐름이 보입니다

SIZE · 860 × 10,786 px
SECTIONS · 07
SCROLL · vertical
72H_URBAN_KIT · DETAIL.HTML SCROLL ↓
72H Urban Emergency Kit 상세페이지 전체 · 세로 스크롤
SCROLL INSIDE THE FRAME
DELIVERABLES / 06

이 프로젝트에
포함된 것들

07
상세페이지 섹션
Hero · Problem · Modules · Scenarios · Refill · Specs · CTA
06
모듈 시스템
LIGHT · POWER · SIGNAL · CARE · WARM · WATER
색 · 픽토 · 영문 3중 신호
1x
기획 + 카피 + 디자인
기획, 카피, 아트 디렉션까지
한 명이 처음부터 끝까지
NEXT CASE / 02

LOTTERIA
BITE OF SEOUL

Concept Rebrand · K-QSR · 2026
한국에서 시작해 세계 도시로 확장하는 K-QSR 리브랜딩.

LOTTERIA 케이스 보기
LOTTERIA 케이스 프리뷰

상세페이지가 필요하신가요?
기획부터 설계까지

상담은 무료입니다. 제품, 채널, 목적을 듣고
24시간 안에 맞춤 견적을 드려요

무료 상담 신청하기