[Claude] 브랜딩+디자인 실전편 — 예고

Claude

SEMICLASS · NEXT WEEK

Claude와 함께
나만의 브랜드 Zero to One

Claude Claude Design Claude Code 예고

필수 준비물

Claude$20Plan

Pro 플랜이 있어야 Claude Design · Code
실습을 따라올 수 있습니다.

세미클래스;[Claude] 브랜딩+디자인 실전편 다음 주 1강 예고 — Lesson 01 / 02

Brands That Started Small 02 — 왜 지금

“나만의 브랜드를 가져보고 싶다”

이런 생각, 해본 적 있으신가요?

작게 시작해 하나의 세계관이 된 브랜드들
국내 6 · 해외 3

국내

노티드디저트 · F&B

국내

올드페리도넛디저트 · F&B

국내

프릳츠커피컴퍼니카페 · 커피

국내

논픽션향 · 바디케어

국내

그랑핸드향 · 라이프스타일

국내

메디큐브 · APR뷰티 · 스킨케어

해외

LUSH수제 화장품

해외

Glossier뷰티

해외

Milk Bar베이커리 · 디저트

세미클래스;[Claude] 브랜딩+디자인 실전편 작게 시작해 세계관이 된 브랜드들

What We'll Do 03 — 무엇을

생각은 Claude, 디자인은 Claude Design,
구현은 Claude Code.

Claude · Web 생각을 명확히

클로드와 함께 브랜드 컨셉 잡고 Brief 만들기

AI와 인터뷰하며 머릿속 아이디어를 브랜드명·핵심 컨셉이 담긴 브리프로.

웹 리서치로 도메인과 경쟁 브랜드까지 점검합니다.

AI 인터뷰 웹 리서치 브리프 문서

Claude · Design 결과물로 만든다

브리프 한 장으로 디자인시스템 완성하고 활용하기

브리프로 디자인 시스템을 세우고, 그 하나로 캠페인·웹·앱·포스터·덱·상세페이지까지.

One Source · Multi Use.

디자인 시스템 OSMU 실제 산출물

예고

Claude · Code

완성된 디자인으로 내 브랜드 웹사이트 만들기

완성된 디자인 시스템을 Claude Code로 핸드오프해, 바이브코딩으로 살아있는 웹사이트까지 한 흐름에.

핸드오프 바이브코딩 라이브 사이트

세미클래스;[Claude] 브랜딩+디자인 실전편 Lesson 01 · 02 예고

Lesson 1 — Brand to Design 04 — 1강 흐름

아이디어에서 결과물까지, 하나의 흐름으로.

Claude

인터뷰로 브리프 만들기

AI와의 인터뷰로 불확실함을 걷어내고, 브랜드명·핵심 컨셉을 담은 brief 문서를 완성한다.

→

Claude

리서치로 브리프 다듬기

도메인·경쟁 브랜드를 웹 리서치로 점검. 겹치면 pivot할지 밀어붙일지 결정해 brief를 개선한다.

→

Claude Design

디자인 시스템 세우기

완성된 brief를 그대로 넣어 컬러·타입·컴포넌트가 잡힌 나만의 디자인 시스템을 만든다.

→

Claude Design

하나로 다 만들기 (OSMU)

그 DS 하나로 캠페인·웹·앱·포스터·덱·상세페이지를 일관되게 뽑아낸다.

Coming in Lesson 2 — 구현

→

예약

Handoff

디자인 핸드오프

클로드 디자인에서 완성한 디자인을 Claude Code로 이식하는 방법 알아보기. 구현 전 PDF · standalone HTML로 뽑아 회의에 활용하기.

→

예약

Build & Deploy

구현

Claude Code로 로컬 환경에 구현하고, Vercel로 웹사이트를 배포하는 방법 알아보기.

세미클래스;[Claude] 브랜딩+디자인 실전편 1강 · 브랜드에서 디자인까지

One Source · Multi Use 05 — 이런 게 나옵니다

하나의 디자인 시스템, 결과물 전부.

웹사이트

모바일 앱

포스터

슬라이드 덱

상세페이지

캠페인 문서 · 웹 · 앱 · 포스터 · 덱 · 상세페이지 — 컬러 하나, 폰트 하나, 톤 하나로 끝까지 일관되게.

세미클래스;[Claude] 브랜딩+디자인 실전편 1강 마무리 · 결과물

Coming Next — Lesson 2 06 — 2강 예고

디자인을
진짜 웹사이트로.

1강에서 만든 디자인을 Claude Code로 핸드오프해, 바이브코딩으로 살아있는 사이트를 띄운다.

Claude Design → Claude Code → Live Site

claude-code

› handoff design-system

✓ tokens · components 불러옴

› build --site

▍ 컴포넌트 생성 중…

✓ deploy 준비 완료

› ▋

세미클래스;[Claude] 브랜딩+디자인 실전편 2강 · 바이브코딩으로 배포까지

Claude

다음 주, 당신의 브랜드가 태어납니다.

Claude Web으로 생각하고, Claude Design으로 시각화.

그리고 Claude Code로 구현까지.

준비물

Claude $20 Plan

가져올 것

만들고 싶은 브랜드 컨셉

가져갈 것

브랜드 Breif / DS / 디자인 산출물

세미클래스;[Claude] 브랜딩+디자인 실전편 See you next week

Claude와 함께 나만의 브랜드 Zero to One

이런 생각, 해본 적 있으신가요?

생각은 Claude, 디자인은 Claude Design,구현은 Claude Code.

클로드와 함께 브랜드 컨셉 잡고 Brief 만들기

브리프 한 장으로 디자인시스템 완성하고 활용하기

완성된 디자인으로 내 브랜드 웹사이트 만들기

아이디어에서 결과물까지, 하나의 흐름으로.

인터뷰로 브리프 만들기

리서치로 브리프 다듬기

디자인 시스템 세우기

하나로 다 만들기 (OSMU)

디자인 핸드오프

구현

하나의 디자인 시스템, 결과물 전부.

디자인을 진짜 웹사이트로.

다음 주, 당신의 브랜드가 태어납니다.

Claude와 함께
나만의 브랜드 Zero to One

생각은 Claude, 디자인은 Claude Design,
구현은 Claude Code.

디자인을
진짜 웹사이트로.