본문으로 건너뛰기

Forblune Style Gallery

프로젝트 시작 전, 서로 다른 8가지 화면 방향을 실제 페이지로 비교합니다.

24개의 독립된 인터랙티브 예시 데스크톱 · 태블릿 · 모바일 대응 Forblune 포트폴리오 보기

8개 카테고리 정의 — 이름을 누르면 해당 카테고리만 표시됩니다.
카테고리중심 가치핵심 감정설득 수단리듬
Editorial 에디토리얼 · 감성형취향과 이미지Desire · 갖고 싶다이미지·큐레이션Slow
Kinetic 키네틱 · 임팩트형에너지와 임팩트Excitement · 강하다임팩트·모션Fast
Cinematic 시네마틱 · 서사형서사와 전문성Trust · 믿을 수 있다사람·과정·철학Slow
Corporate 코퍼레이트 · 신뢰형신뢰와 정보Trust / Clarity · 이해된다근거·구조·실적Balanced
Product 프로덕트 · 기능형기능과 사용성Clarity · 쓰고 싶다기능 시연·사용 흐름Balanced
Commerce 커머스 · 구매형탐색과 구매Desire + Clarity상품·가격·혜택·리뷰Balanced~Fast
Experimental 익스페리멘털 · 경험형독창성과 경험Surprise / Curiosity경험 자체·인터랙션가변
Utility 유틸리티 · 업무형효율과 업무Control · 통제된다데이터·상태·속도Fast (반응)

Editorial 에디토리얼 · 감성형

상품을 판매하기 전에 브랜드의 취향을 먼저 보여주는 사이트.

설득 수단
이미지·큐레이션
리듬
Slow
적합
패션, 뷰티, 향수, 라이프스타일, 카페, 스테이, 사진가
기준 사례
f0ring · Editorial / Commerce / Soft · Curated

DNA 지표 1~5

감성5
시각 강도3
모션2
서사3
사람2
정보 밀도2
직접 전환4
전문 신뢰3
무향 MUHYANG

Editorial · 에디토리얼

무향 MUHYANG

니치 향수 브랜드

명명Editorial / Commerce / Soft · Quiet · Curated

향을 팔기 전에 이 브랜드가 어떤 취향으로 냄새를 고르는지 먼저 느끼게 한다

Secondary
Commerce
Accent
Product
숲결 스테이

Editorial · 에디토리얼

숲결 스테이

제주 독채 스테이(숙소)

명명Editorial / Brand Landing (예약 유도) / Soft · Warm · Slow

방을 팔기 전에 이곳에서 보내는 하루의 리듬을 먼저 상상하게 한다

Secondary
Commerce
Accent
Cinematic
고요 GOYO

Editorial · 에디토리얼

고요 GOYO

문구·리빙 편집숍

명명Editorial / Commerce / Curated · Neutral · Calm

많이 파는 곳이 아니라 천천히 고른 것만 두는 곳이라는 인상을 만든다

Secondary
Commerce
Accent
Product

Kinetic 키네틱 · 임팩트형

짧은 시간 안에 기술력과 에너지를 강하게 각인시키는 사이트.

설득 수단
임팩트·모션
리듬
Fast
적합
스포츠, 자동차, 드론, 게임, 음악·공연, 테크 스타트업, 스트리트 패션, 페스티벌
기준
기준 사례 FlyOne V1 (Kinetic / Brand Landing / Bold · Energetic)

DNA 지표 1~5

감성3
시각 강도5
모션5
서사2
사람1
정보 밀도3
직접 전환4
전문 신뢰3
VOLT LAB

Kinetic · 키네틱

VOLT LAB

스트리트 스니커 드롭 스토어

명명Kinetic / Commerce (Drop) / Bold · Loud · Fast

이번 드롭이 얼마나 빠르고 강한지 3초 안에 각인시키고 바로 담게 한다

Secondary
Commerce
Accent
Experimental
PULSE FEST 2026

Kinetic · 키네틱

PULSE FEST 2026

일렉트로닉 뮤직 페스티벌

명명Kinetic / Event Landing / Bold · Energetic · Colorful

이틀 동안 얼마나 크고 빠른 무대가 펼쳐지는지 즉시 느끼게 하고 티켓으로 보낸다

Secondary
Experimental
Accent
Corporate
APEX NINE

Kinetic · 키네틱

APEX NINE

e스포츠 프로 팀

명명Kinetic / Brand Landing / Bold · Technical · Sharp

이 팀이 얼마나 빠르고 강한지 보여주고 경기·굿즈·스폰서로 연결한다

Secondary
Corporate
Accent
Commerce

Cinematic 시네마틱 · 서사형

작업자의 철학과 과정으로 전문성을 증명하는 사이트.

설득 수단
사람·과정·철학
리듬
Slow
적합
영상 프로덕션, 건축, 감독·촬영감독, 사진가, 공예, 셰프·레스토랑, 예술가
기준
기준 사례 FlyOne V2 (Cinematic / Portfolio / Serious · Human)

DNA 지표 1~5

감성4
시각 강도4
모션2
서사5
사람5
정보 밀도3
직접 전환2
전문 신뢰5
온결 건축 ONGYEOL

Cinematic · 시네마틱

온결 건축 ONGYEOL

건축 설계 스튜디오

명명Cinematic / Portfolio / Serious · Crafted · Quiet

누가 어떤 판단으로 공간을 설계하는지 보여주어 중요한 건물을 맡길 수 있다고 믿게 한다

Secondary
Editorial
Accent
Corporate
화로 火爐

Cinematic · 시네마틱

화로 火爐

셰프 오마카세 레스토랑

명명Cinematic / Brand Site (예약 문의) / Serious · Warm · Human

셰프가 재료와 불을 대하는 태도를 보여주어 한 끼를 맡길 수 있다고 믿게 한다

Secondary
Editorial
Accent
Commerce
정하늘 JEONG HANEUL

Cinematic · 시네마틱

정하늘 JEONG HANEUL

다큐멘터리 사진가

명명Cinematic / Portfolio / Serious · Human · Documentary

어떤 시선으로 사람과 장소를 기록하는지 보여주어 기록을 맡길 수 있다고 믿게 한다

Secondary
Editorial
Accent
Corporate

Corporate 코퍼레이트 · 신뢰형

근거와 구조로 “이 조직은 믿을 수 있고 무엇을 하는지 바로 이해된다”를 만드는 사이트.

설득 수단
근거·구조·실적
리듬
Balanced
적합
기업, 병원, 법률, B2B, 제조, 금융
중점
정보 위계와 신뢰를 먼저 확인

DNA 지표 1~5

감성2
시각 강도2
모션1
서사2
사람3
정보 밀도4
직접 전환3
전문 신뢰5
바른마디 정형외과

Corporate · 코퍼레이트

바른마디 정형외과

정형외과 의원

명명Corporate / Information Site / Trustworthy · Calm · Clear

어떤 진료를 누가 어떤 절차로 하는지 바로 이해되어 안심하고 예약하게 한다

Secondary
Cinematic
Accent
Product
법무법인 서로

Corporate · 코퍼레이트

법무법인 서로

법무법인

명명Corporate / Information Site / Serious · Precise · Composed

어떤 사건을 어떤 구성원이 어떤 절차로 다루는지 명확히 보여주어 상담을 결심하게 한다

Secondary
Editorial
Accent
Cinematic
한결정밀

Corporate · 코퍼레이트

한결정밀

정밀 가공 부품 제조(B2B)

명명Corporate / B2B Company Site / Technical · Trustworthy · Solid

생산 역량과 품질 관리 체계를 수치로 보여주어 견적을 요청하게 한다

Secondary
Product
Accent
Utility

Product 프로덕트 · 기능형

기능이 실제로 어떻게 작동하고 무엇이 좋아지는지를 보여주어 “쓰고 싶다”를 만드는 사이트.

설득 수단
기능 시연·사용 흐름
리듬
Balanced
적합
SaaS, 앱, 플랫폼, 개발 도구
중점
제품 사용 흐름이 화면의 중심

DNA 지표 1~5

감성2
시각 강도3
모션3
서사2
사람2
정보 밀도4
직접 전환5
전문 신뢰4
인보이스플로우 InvoiceFlow

Product · 프로덕트

인보이스플로우 InvoiceFlow

소상공인 청구·세금계산서 SaaS

명명Product / SaaS Landing / Clear · Friendly · Confident

청구서 발행부터 입금 확인까지 얼마나 빨라지는지 UI로 보여주어 무료로 시작하게 한다

Secondary
Corporate
Accent
Utility
잠결

Product · 프로덕트

잠결

수면 트래킹 모바일 앱

명명Product / App Landing / Soft · Clear · Reassuring

앱이 내 수면을 어떻게 읽고 무엇을 바꿔주는지 화면으로 보여주어 설치하게 한다

Secondary
Editorial
Accent
Utility
Relay API

Product · 프로덕트

Relay API

알림·메시지 발송 API 플랫폼

명명Product / Developer Platform Landing / Technical · Precise · Minimal

몇 줄의 코드로 SMS·이메일·푸시를 보내는 게 얼마나 단순한지 코드로 보여주어 API 키를 발급받게 한다

Secondary
Utility
Accent
Kinetic

Commerce 커머스 · 구매형

원하는 것을 빠르게 찾고 안심하고 결제하게 만드는 사이트.

설득 수단
상품·가격·혜택·리뷰
리듬
Balanced~Fast
적합
쇼핑몰, 예약, 판매, 마켓
중점
탐색부터 행동까지 막힘없이 연결

DNA 지표 1~5

감성3
시각 강도3
모션2
서사1
사람1
정보 밀도5
직접 전환5
전문 신뢰3
새벽밭

Commerce · 커머스

새벽밭

산지직송 식료품 온라인 마켓

명명Commerce / Storefront / Fresh · Clear · Trustworthy

오늘 뭘 사면 좋은지 빠르게 찾고, 산지·배송을 믿고 담게 한다

Secondary
Editorial
Accent
Product
무브룸 MOVEROOM

Commerce · 커머스

무브룸 MOVEROOM

요가·필라테스 클래스 예약

명명Commerce / Booking / Clear · Calm · Efficient

원하는 시간의 클래스를 30초 안에 찾고 예약을 끝내게 한다

Secondary
Product
Accent
Editorial
결 가구 GYEOL

Commerce · 커머스

결 가구 GYEOL

온라인 가구 쇼핑몰

명명Commerce / Storefront (Category Page) / Neutral · Warm · Practical

조건에 맞는 가구를 비교해서 고르고 배송·설치까지 안심하고 주문하게 한다

Secondary
Editorial
Accent
Product

Experimental 익스페리멘털 · 경험형

정보 전달보다 경험 자체가 메시지인 사이트.

설득 수단
경험 자체·인터랙션
리듬
가변
적합
캠페인, 아트, 브랜드 이벤트, 티저
중점
한 가지 강한 아이디어에 집중

DNA 지표 1~5

감성4
시각 강도5
모션5
서사3
사람1
정보 밀도1
직접 전환2
전문 신뢰2
물의 기억 — 담수(淡水) 캠페인

Experimental · 익스페리멘털

물의 기억 — 담수(淡水) 캠페인

생수 브랜드 캠페인 마이크로사이트

명명Experimental / Campaign Microsite / Poetic · Bold · Immersive

스크롤 한 번이 물 한 방울의 여정이 되어, 이 물이 어디서 왔는지를 몸으로 느끼게 한다

Secondary
Editorial
Accent
Cinematic
빛의 잔향 AFTERGLOW

Experimental · 익스페리멘털

빛의 잔향 AFTERGLOW

미디어아트 전시

명명Experimental / Exhibition Site / Dark · Immersive · Curious

커서가 곧 빛이 되어 화면을 밝히며 전시를 미리 경험하게 한다

Secondary
Cinematic
Accent
Kinetic
ORBIT ONE

Experimental · 익스페리멘털

ORBIT ONE

스마트 링 신제품 티저

명명Experimental / Product Teaser / Bold · Futuristic · Minimal

글자와 도형이 궤도를 돌며 “곧 온다”는 기대를 만들고 사전 알림을 신청하게 한다

Secondary
Kinetic
Accent
Product

Utility 유틸리티 · 업무형

반복 업무를 빠르고 실수 없이 끝내게 하는 도구.

설득 수단
데이터·상태·속도
리듬
Fast (반응)
적합
대시보드, ERP, 내부 도구, 관리 콘솔
중점
상태와 다음 행동을 빠르게 파악

DNA 지표 1~5

감성1
시각 강도2
모션1
서사1
사람1
정보 밀도5
직접 전환3
전문 신뢰4
브루잉 OS — 매장 운영 대시보드

Utility · 유틸리티

브루잉 OS — 매장 운영 대시보드

카페 체인 매장 운영 대시보드

명명Utility / Dashboard / Neutral · Dense · Calm

오늘 전 매장 상황을 한 화면에서 파악하고 이상 매장을 바로 찾게 한다

Secondary
Product
Accent
Corporate
스톡플로우 — 재고·발주 관리

Utility · 유틸리티

스톡플로우 — 재고·발주 관리

소매 재고·발주 내부 도구(ERP)

명명Utility / Internal Tool / Neutral · Dense · Functional

재고 부족을 놓치지 않고 발주를 실수 없이 끝내게 한다

Secondary
Product
Accent
Corporate
헬프데스크 콘솔

Utility · 유틸리티

헬프데스크 콘솔

고객지원 티켓 관리 콘솔

명명Utility / Admin Console / Neutral · Dark · Focused

밀린 티켓을 우선순위대로 빠르게 처리하게 한다

Secondary
Product
Accent
Corporate