ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

강의 구성

비즈니스 관점에서 문제를 고민한다면, 당신은 이미 준비된 디자이너!

본 강의에서는 UX/UI 디자인을 넘어
프로덕트 디자이너에게 요구되는 필요 역량까지 채워드려요.

총 65년 이상 경력 을 가진 실무진들의
디자인 실무 프로세스를 빠짐없이 녹여냈습니다.

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

UX/UI 디자인 프로젝트의 정석 ‘클론 디자인’

실무진이 엄선한 서비스와 도메인 기반의
8개 대형 프로젝트 로 보다 쉽게 체화할 수 있도록 구성했습니다.

· 연사의 한마디 ·
클론 디자인이란 잘 설계된 실제 프로덕트를 그대로 재현해보는 디자인 프로젝트로,
정보 구조, 레이아웃, 디자인 요소를 익히며 UX·UI 디자인 역량을 강화하는 데에
가장 도움이 되는 학습 방법론 입니다.

ImageSlide
ImageSlide
ImageSlide
ImageSlide

PROJECT 1. 이커머스 웹사이트 클론 디자인
N*ke 공식 홈페이지의 정보 구조를 이해하고, 이커머스 웹사이트의 디자인 요소를 살펴보며
랜딩 페이지, 상품 카드, 상품 리스트 및 상세페이지 등의 UI 디자인과 스크린별 레이아웃에 따른 클론 디자인을 실습합니다.

ImageSlide<center><b>유저 플로우 기반의 페이지 UI 디자인 (랜딩페이지 · 리스트 · 상세페이지)</b></center>
유저 플로우 기반의 페이지 UI 디자인 (랜딩페이지 · 리스트 · 상세페이지)
ImageSlide<center><b>데스크탑 환경에 최적화된 웹 UI 레이아웃</b></center>
데스크탑 환경에 최적화된 웹 UI 레이아웃
ImageSlide<center><b>태블릿 디바이스를 위한 반응형 UI 설계</b></center>
태블릿 디바이스를 위한 반응형 UI 설계

PROJECT 2. SaaS 웹사이트 클론 디자인
Go**le Drive 의 디자인 요소를 살펴보고 탭바 및 리스트 제작, 메뉴 제작 등 필수적인 컴포넌트를 제작하며
동시에 데스크탑, 태블릿의 스크린별 레이아웃에 따른 클론 디자인을 실습합니다.

ImageSlide<center><b>SaaS 서비스 구조 기반의 UI 디자인</b></center>
SaaS 서비스 구조 기반의 UI 디자인
ImageSlide<center><b>데스크탑 환경에 최적화된 웹 UI 레이아웃</b></center>
데스크탑 환경에 최적화된 웹 UI 레이아웃
ImageSlide<center><b>태블릿 디바이스를 위한 반응형 UI 설계</b></center>
태블릿 디바이스를 위한 반응형 UI 설계

PROJECT 3. 콘텐츠 스트리밍 앱 클론 디자인
Ne**lix 앱의 정보 구조를 살펴보며 시작 화면, 메인 홈 화면, 리스트 화면 및 마이 페이지까지
모바일 앱 서비스에서 가장 많이 활용되는 필수 화면들을 제작해보며 실전 감각을 익힙니다.

ImageSlide<center><b>스트리밍 서비스 유저 플로우 UI 디자인 (프로필 · 탐색 · 마이페이지)</b></center>
스트리밍 서비스 유저 플로우 UI 디자인 (프로필 · 탐색 · 마이페이지)
ImageSlide<center><b>모바일 디바이스 환경에서의 UI 설계</b></center>
모바일 디바이스 환경에서의 UI 설계

PROJECT 4. 숙박 플랫폼 앱 클론 디자인
여행, 숙박, 온라인 판매 등 활용도 높은 상품 리스트, 위시 리스트, 메시지, 마이페이지 등의 화면을
Ai**nb 앱을 클론 디자인하며 실전 응용력을 강화합니다.

ImageSlide<center><b>탐색부터 예약, 메시지까지 이어지는 서비스 플로우 UI 디자인</b></center>
탐색부터 예약, 메시지까지 이어지는 서비스 플로우 UI 디자인
ImageSlide<center><b>모바일 환경에 최적화된 UI 설계 </b></center>
모바일 환경에 최적화된 UI 설계

이커머스, 핀테크 등 도메인 별로
더 깊게 실습하고 싶은 여러분을 위한 필수 도메인 프로젝트!

신입 및 주니어 디자이너 채용 시 필수 역량으로 손꼽히는 도메인에 대한 이해도까지
한 번에 습득할 수 있도록 도메인 프로젝트도 준비했어요.

PROJECT 5. 도메인 중심 클론 디자인 : 이커머스
페이지 영역별 디자인 유의사항과 케이스 스터디를 살펴보고, 회사 규모별 프로젝트 접근법에 따라 실습을 진행합니다.

ImageSlide<center><span style="color:#fff;"><b>Landing page : 랜딩페이지와 위젯</b></span></center>
Landing page : 랜딩페이지와 위젯
ImageSlide<center><span style="color:#fff;"><b>Search : 검색</b></span></center>
Search : 검색
ImageSlide<center><span style="color:#fff;"><b>Listing : 그리드와 리스트 유닛</b></span></center>
Listing : 그리드와 리스트 유닛

PROJECT 6. 도메인 중심 클론 디자인 : 핀테크
핀테크 관련 필수 지식과 국내외 금융 서비스를 살펴보고, 체계적으로 데이터 기반의 디자인 솔루션을 도출해 봅니다.

ImageSlide<center><span style="color:#fff;"><b>단계별 가설 설정 : 프레임워크로 체계화</b></span></center>
단계별 가설 설정 : 프레임워크로 체계화
ImageSlide<center><span style="color:#fff;"><b>리서치 : AB 테스트, 사용성 테스트, 인터뷰, 경쟁사 분석</b></span></center>
리서치 : AB 테스트, 사용성 테스트, 인터뷰, 경쟁사 분석
ImageSlide<center><span style="color:#fff;"><b>데이터와 디자인 : AARRR과 주요 지표들</b></span></center>
데이터와 디자인 : AARRR과 주요 지표들

PROJECT 7. 도메인 중심 클론 디자인 : O2O/콘텐츠
콘텐츠를 잘 활용하는 O2O 서비스의 케이스 스터디를 거쳐 콘텐츠 조회 전환율을 높이기 위한 디자인 실습을 진행합니다.

ImageSlide<center><span style="color:#fff;"><b>케이스 스터디 : 콘텐츠 중심의 O2O 서비스</b></span></center>
케이스 스터디 : 콘텐츠 중심의 O2O 서비스
ImageSlide<center><span style="color:#fff;"><b>O2O 서비스 개선 프로젝트 실습 </b></span></center>
O2O 서비스 개선 프로젝트 실습
ImageSlide<center><span style="color:#fff;"><b>스타트업 중심의 실무 디자인 프로세스</b></span></center>
스타트업 중심의 실무 디자인 프로세스

PROJECT 8. 도메인 중심 클론 디자인 : IT/Saas
SaaS 디자인이 다른 도메인과 어떻게 다른지 이해하고,
SaaS를 경험할 수 있는 3가지 서비스(HR, CMS, Productivity tool) 리디자인으로 실전 감각을 익힙니다.

ImageSlide<center><span style="color:#fff;"><b>문제를 해결하는 SaaS 디자인 프로세스</b></span></center>
문제를 해결하는 SaaS 디자인 프로세스
ImageSlide<center><span style="color:#fff;"><b>리디자인 프로젝트 : Notion</b></span></center>
리디자인 프로젝트 : Notion
ImageSlide<center><span style="color:#fff;"><b>리디자인 프로젝트 : Swingvy</b></span></center>
리디자인 프로젝트 : Swingvy

· 도메인 프로젝트는 서비스 클립으로 제공되는 [FULL 프로세스로 끝내는 UX/UI 디자인] 파트에 포함된 실습 내용입니다.

Point 3

유튜브를 아무리 찾아봐도 정확한 정보를 찾기 어려우셨죠?

20년 경력의 실무 디자이너가 실전 AI 활용법을
본 강의에서 끝내드립니다.

실무에서 가장 유용하게 사용되는 6가지 툴을 학습하고,
이를 활용해 디자인 프로세스 전체에 적용하는 방법을 습득합니다.

ImageSlide
ImageSlide

POINT 1. 디자인 프로세스 효율화를 위한 LLM 툴 활용법
Chat GPT, Claude, Perplexity 세 가지의 LLM 툴의 각 강점을 이해하고 UX 프로세스에서 적재적소에 이를 활용하는 노하우를 학습합니다.

ImageSlide<center><b><span style="color:#fff;">Perplexity</span></b></center>
Perplexity
ImageSlide<center><b><span style="color:#fff;">Chat GPT</span></b></center>
Chat GPT
ImageSlide<center><b><span style="color:#fff;">Claude</span></b></center>
Claude

POINT 2. UX 실무에 효과적인 GPT 활용법
업무에 투입되는 시간 리소스를 효율적으로 단축하고,
창의적인 아이디어를 빠르게 얻는 Chat GPT 디자인 실무 활용법을 공유합니다.

ImageSlide<center><b><span style="color:#fff;">유저 페르소나 (Persona) 생성</span></b></center>
유저 페르소나 (Persona) 생성
유저의 동기, 행동, 목표를 포함한 프로토 페르소나를 빠르게 생성합니다.
ImageSlide<center><b><span style="color:#fff;">공감 지도 (Empathy Map) 설계</span></b></center>
공감 지도 (Empathy Map) 설계
유저 피드백과 대화 분석을 기반으로 사용자 공감맵을 빠르게 형성합니다.
ImageSlide<center><b><span style="color:#fff;">유저 데이터 기반의 유저 저니 맵 (User Journey Map) 설계</span></b></center>
유저 데이터 기반의 유저 저니 맵 (User Journey Map) 설계
방대한 유저 데이터를 기반으로 고객 여정 전반에서 서비스 개선 기회를 발굴합니다.
ImageSlide<center><b><span style="color:#fff;">유저 인터뷰 진행</span></b></center>
유저 인터뷰 진행
페르소나별 맞춤형 질문을 생성하고, 사용자 반응 시뮬레이션을 통해 인사이트를 도출합니다.
ImageSlide<center><b><span style="color:#fff;">유저 리서치 설문 생성</span></b></center>
유저 리서치 설문 생성
타겟 집단과 상황에 맞춘 명확한 질문 설계로 구체적인 설문 항목을 제작하고 설문지를 생성합니다.
ImageSlide<center><b><span style="color:#fff;">유저  스토리 (User Story) 작성</span></b></center>
유저 스토리 (User Story) 작성
유저의 행동과 선호를 기반으로 인사이트를 도출하고, 공감과 맥락이 담긴 유저 스토리를 작성합니다.
ImageSlide<center><b><span style="color:#fff;">유저 플로우 (User Flow) 설계</span></b></center>
유저 플로우 (User Flow) 설계
구체적인 조건에 따라 다양한 유저 시나리오와 접점을 기반으로 플로우를 생성하고 개선 방안을 제안합니다.
ImageSlide<center><b><span style="color:#fff;">사이트 맵 생성</span></b></center>
사이트 맵 생성
각 페이지의 기능과 중요성이 포함된 사이트맵을 생성하고, 이를 시각적으로 정리해 빠르게 활용합니다.

POINT 3. ‘디자이너를 위한’ AI Agent 활용법까지
나만의 수행 비서인 AI Agent! 디자이너에게는 먼 이야기로 느껴졌나요?
실제 실무에서 유용하게 활용하는 프로덕트 디자이너를 위한 AI Agent 활용법도 공개합니다.

· 연사의 한마디 ·
AI 에이전트는 사용자의 지시를 이해하고 스스로 작업을 이어서 처리하는 알잘딱깔센 인턴 이에요.

기획 문서를 자동화하고, UX 리서치와 프로토타이핑을 효과적으로 자동화
하며 창의적인 설계에만 집중할 수 있게 도와줍니다.

ImageSlide<b><span style="color:#24FACD;">Manus AI Agent</span><span style="color:#fff;">를 활용한 UX 리서치와 설계</span></b>
Manus AI Agent를 활용한 UX 리서치와 설계
유명 O2O 서비스 사례를 살펴본 뒤, 콘텐츠 조회 전환율을 높여야 하는 이유와 구조화된 콘텐츠 디자인 / 사용자가 원하는 콘텐츠 제공하기 / 탐색 경험 개선하기 / 콘텐츠 양과 질 높이기에 대해 현직 디자이너의 시각으로 알아봅니다.
ImageSlide<b><span style="color:#24FACD;">UX Pilot</span><span style="color:#fff;">을 활용한 프로덕트 디자인</span></b>
UX Pilot을 활용한 프로덕트 디자인
실제 <오늘의집> 집들이 상세페이지 개선 프로젝트 사례를 살펴본 뒤, 서비스 개선을 위 한 문제 정의와 가설 설정 - UX 설계 - UI 디자인 - 인터랙션 정의와 프로토타입 제작으로 이어지는 UXUI 실무 전반을 경험해 봅니다.

디자인 시스템

UX·UI 부터 프로덕트 디자인까지 영역 불문 우대 역량!
250여종의 컴포넌트 디자인 실습으로
디자인 시스템 개발까지 확실하게 끝내드릴게요.

| 효율적인 업무 시스템 구축을 돕는 디자인 시스템 설계

· 연사의 한마디 ·
디자인 시스템은 UI 화면에 삽입되는 요소들을 체계적으로 정리해 문서화한 하나의 시스템입니다.
일관성과 확장성을 보장해주면서 동시에 효율을 극대화해, 핵심 경쟁력으로 손꼽히는 스킬 로 꼭 익혀두길 바라는 중요한 스킬이에요.

layout-205-image-carousel
layout-205-image-carousel

34개의 세부 주제, 250여번의 실습으로 꽉 채워진 실습!

필수 UI 컴포넌트를 반복 실습하며
피그마 실무 활용법까지 완벽하게 체화하세요.

ImageSlide<center><b><span style="color:#fff;">아이콘 제작</span></b></center>
아이콘 제작
ImageSlide<center><b><span style="color:#fff;">스타일 제작</span></b></center>
스타일 제작
ImageSlide<center><b><span style="color:#fff;">유틸리티 제작</span></b></center>
유틸리티 제작
ImageSlide<center><b><span style="color:#fff;">앱 바 제작</span></b></center>
앱 바 제작
ImageSlide<center><b><span style="color:#fff;">버튼 제작</span></b></center>
버튼 제작
ImageSlide<center><b><span style="color:#fff;">카드 제작</span></b></center>
카드 제작
ImageSlide<center><b><span style="color:#fff;">캘린더 제작</span></b></center>
캘린더 제작
ImageSlide<center><b><span style="color:#fff;">칩 제작</span></b></center>
칩 제작
ImageSlide<center><b><span style="color:#fff;">리스트 제작</span></b></center>
리스트 제작
ImageSlide<center><b><span style="color:#fff;">대화창 제작</span></b></center>
대화창 제작
ImageSlide<center><b><span style="color:#fff;">텍스트 필드 제작</span></b></center>
텍스트 필드 제작
ImageSlide<center><b><span style="color:#fff;">메뉴 제작</span></b></center>
메뉴 제작

STARTER KIT

필요할 때 언제든 꺼내쓰세요.
입문자를 실력자로, 실무자를 일잘러로 만들어주는
300여종의 실전 스타터 키트

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

MASTER KIT

여러분의 취업을 든든하게 서포트해줄,
140여종의 취업 마스터 키트

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

· 취업 마스터 키트 자료는 제로베이스 직무 부트캠프에서 제공되는 UX/UI 자료집 중 일부를 제공드립니다.

Point 3

고가의 포트폴리오 첨삭 STOP!
본 강의 수강생이라면 무료로 받을 수 있는 기회까지.

격월 진행되는 포트폴리오 무료 첨삭 라이브까지 챙겨가세요.

수백개의 지원서를 검토해본 경험을 바탕으로.

20년차 실무 디자이너의 생생한 라이브 피드백!

ImageSlide
ImageSlide

· 라이브 세션은 2025년 11월부터 2026년 11월까지 1년간 진행되며, 세션 진행 기간은 더 연장될 수 있습니다.
· 세션 진행 일정은 강사님 사정에 따라 일부 변동될 수 있습니다.
· 세션 신청자가 없을 경우 피드백 세션이 진행되지 않을 수 있습니다.

| 피드백 신청 방법

ImageSlide
ImageSlide
ImageSlide

· 선정된 포트폴리오는 라이브 세션 및 녹화본에 활용되므로 반드시 민감한 개인 정보 및 대외비는 가린 후 제출 부탁드립니다.
· 제출된 서류 중 선정되지 않은 자료는 즉시 파기되며, 피드백을 받고자 할 경우 다음 세션 신청 시 다시 신청해 주셔야 합니다.

여기서 하나 더.
본 강의 완강 후 취업 준비를 본격적으로 시작할 수 있도록,

2026 상반기 공채 대비 취업 세미나 까지.

· 세미나의 커리큘럼과 세부 일정은 조정될 수 있으며, 자세한 안내는 2026년 1월 중 공지됩니다.

포트폴리오 피드백 하나로 몇 개월짜리 부트캠프 수강하시려구요?

제대로 된 시그니처 강의 하나로
여러분의 소중한 시간을 확실하게 아껴드립니다.

Double Benefit

혜택이 아직 끝나지 않았어요.

여러분의 개별 니즈에 맞춘 74만원 상당
서비스 클립 72시간 도 제공합니다.

ImageSlide<style>   .img-switch {     position: relative;     width: 100vw;     max-width: 100%;   }    .img-switch img {     width: 100%;     height: auto;     display: block;     border-radius: 6px;     transition: opacity 0.5s ease-in-out;   }    .img-switch .hover-img {     position: absolute;     top: 0;     left: 0;     opacity: 0;   }    /* PC: 호버 시 이미지 전환 */   @media (min-width: 768px) {     .img-switch {       width: 313px;     }      .img-switch:hover .hover-img {       opacity: 1;     }      .img-switch:hover .default-img {       opacity: 0;     }   }    /* Mobile: 2초 후 전환 → 다시 원본 반복 (총 4초 루프) */   @media (max-width: 767px) {     .img-switch.auto .hover-img {       animation: showImageLoop 4s ease-in-out 0s infinite alternate;     }      .img-switch.auto .default-img {       animation: hideImageLoop 4s ease-in-out 0s infinite alternate;     }      @keyframes showImageLoop {       0%,       40% {         opacity: 0;       }       50%,       100% {         opacity: 1;       }     }      @keyframes hideImageLoop {       0%,       40% {         opacity: 1;       }       50%,       100% {         opacity: 0;       }     }   } </style>  <div class="img-switch auto">   <img class="default-img" src="https://cdn.day1company.io/prod/uploads/202509/234545-1424/upgrade-dimkt-article01-01-1.webp" alt="기본 이미지" />   <img     class="hover-img"     src="https://cdn.day1company.io/prod/uploads/202509/234548-1424/upgrade-dimkt-article01-01-4.webp"     alt="전환 이미지"   /> </div>
기본 이미지 전환 이미지
ImageSlide<style>   .img-switch {     position: relative;     width: 100vw;     max-width: 100%;   }    .img-switch img {     width: 100%;     height: auto;     display: block;     border-radius: 6px;     transition: opacity 0.5s ease-in-out;   }    .img-switch .hover-img {     position: absolute;     top: 0;     left: 0;     opacity: 0;   }    /* PC: 호버 시 이미지 전환 */   @media (min-width: 768px) {     .img-switch {       width: 313px;     }      .img-switch:hover .hover-img {       opacity: 1;     }      .img-switch:hover .default-img {       opacity: 0;     }   }    /* Mobile: 2초 후 전환 → 다시 원본 반복 (총 4초 루프) */   @media (max-width: 767px) {     .img-switch.auto .hover-img {       animation: showImageLoop 4s ease-in-out 0s infinite alternate;     }      .img-switch.auto .default-img {       animation: hideImageLoop 4s ease-in-out 0s infinite alternate;     }      @keyframes showImageLoop {       0%,       40% {         opacity: 0;       }       50%,       100% {         opacity: 1;       }     }      @keyframes hideImageLoop {       0%,       40% {         opacity: 1;       }       50%,       100% {         opacity: 0;       }     }   } </style>  <div class="img-switch auto">   <img class="default-img" src="https://cdn.day1company.io/prod/uploads/202509/234637-1424/upgrade-dimkt-article01-01-2.webp" alt="기본 이미지" />   <img     class="hover-img"     src="https://cdn.day1company.io/prod/uploads/202509/234641-1424/upgrade-dimkt-article01-01-5.webp"     alt="전환 이미지"   /> </div>
기본 이미지 전환 이미지
ImageSlide<style>   .img-switch {     position: relative;     width: 100vw;     max-width: 100%;   }    .img-switch img {     width: 100%;     height: auto;     display: block;     border-radius: 6px;     transition: opacity 0.5s ease-in-out;   }    .img-switch .hover-img {     position: absolute;     top: 0;     left: 0;     opacity: 0;   }    /* PC: 호버 시 이미지 전환 */   @media (min-width: 768px) {     .img-switch {       width: 313px;     }      .img-switch:hover .hover-img {       opacity: 1;     }      .img-switch:hover .default-img {       opacity: 0;     }   }    /* Mobile: 2초 후 전환 → 다시 원본 반복 (총 4초 루프) */   @media (max-width: 767px) {     .img-switch.auto .hover-img {       animation: showImageLoop 4s ease-in-out 0s infinite alternate;     }      .img-switch.auto .default-img {       animation: hideImageLoop 4s ease-in-out 0s infinite alternate;     }      @keyframes showImageLoop {       0%,       40% {         opacity: 0;       }       50%,       100% {         opacity: 1;       }     }      @keyframes hideImageLoop {       0%,       40% {         opacity: 1;       }       50%,       100% {         opacity: 0;       }     }   } </style>  <div class="img-switch auto">   <img class="default-img" src="https://cdn.day1company.io/prod/uploads/202509/234717-1424/upgrade-dimkt-article01-01.webp" alt="기본 이미지" />   <img     class="hover-img"     src="https://cdn.day1company.io/prod/uploads/202509/234720-1424/upgrade-dimkt-article01-01-3.webp"     alt="전환 이미지"   /> </div>
기본 이미지 전환 이미지

· 본 74만원 상당의 서비스 클립은 본 강의 1차 오픈일인 2025년 10월 10일 (금) 일괄 오픈됩니다.

초격차 혜택

어디서도 볼 수 없는 압도적인 격차를 월 1만원 대로

UX/UI를 넘어 프로덕트 디자인 그리고 AI까지.
여러분의 디자인 여정을 본 강의 하나로 끝내드려요.

연사 소개

11명 연사진의 실무 노하우 집약서!
최고의 연사진들이 전하는 압도적인 인사이트까지.

· 연사의 한마디 ·
안녕하세요, 이번 강의를 진행할 조훈입니다. 저는 삼성전자, CJ, 클라썸, 그리고 현재 하이브까지
20년 넘게 다양한 산업과 조직에서 UX/UI와 프로덕트 디자인을 경험했고 현재까지도 팀 리더로 실무 최전선에서 활동하고 있습니다.

ImageSlide
ImageSlide

먼저 경험해본 수강생들이 증명하는 생생한 후기

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

· 조훈 강사님 강의 [초격차 패키지 : 한번에 끝내는 UX/UI 디자인], [100개 클론디자인으로 배우는 UX/UI] 강의 수강생 VOC 중 발췌

여러분의 특별한 여정을 함께해줄
총 10분의 스페셜 연사님들을 소개합니다.

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

Interview

본 강의 진행에 있어 강사님만의
차별점이 있다면 어떤 것일까요?
저의 가장 큰 강점은 대기업과 스타트업을 모두 경험한 균형감입니다. 삼성전자에서는 글로벌 시장을 대상으로 한 B2B 제품의 UX 전략과 디자인 시스템을 구축했고, CJ에서는 국내 최초 OTT 서비스인 티빙(TVING)을 런칭하며 UX/UI 디자인 전반을 리딩했습니다. 이후 클라썸에서는 빠르게 성장하는 스타트업에서 팀을 이끌며 SaaS 기반 프로덕트를 설계하고 운영하며, 조직과 제품이 함께 성장하는 과정을 경험했습니다.

이런 다양한 배경이 강의에 그대로 녹아 있습니다. 단순히 UX/UI 실무 기술만이 아니라, 프로덕트 디자이너가 반드시 갖춰야 할 비즈니스 이해, 디자인 시스템 구축 경험, 그리고 최신 AI 활용 방법을 실제 사례와 함께 전달합니다. 수강생분들은 단순히 화면을 만드는 역량을 넘어, 제품을 전체적으로 바라보고 성장시킬 수 있는 프로덕트 디자이너의 사고와 실무 스킬을 배울 수 있습니다.

본 강의의 기획 의도에 대해서
알려주세요.
이번 강의는 단순히 화면 디자인 스킬을 배우는 과정이 아니라, 프로덕트 디자이너로 성장하기 위한 토대를 마련하는 데 초점을 두었습니다. 디자이너에게 필요한 것은 미적 감각뿐만 아니라 비즈니스 이해, 문제 해결 관점, 협업 방식, 변화하는 도구 활용 능력입니다. 이를 위해 커리큘럼은 세 가지 축으로 구성되었습니다.

첫째, 비즈니스와 프로덕트 디자인 개념을 통해 제품 문제 해결자의 사고 방식을 배우고,

둘째, 디자인 시스템 구축과 운영을 실무적으로 학습하며, 셋째, AI를 프로덕트 디자인 맥락에서 실제로 활용하는 경험을 제공합니다.

결국 이 강의는 프로덕트 디자이너로 한 단계 도약할 수 있는 방법에 대한 실질적인 답을 제시하고자 기획되었습니다.

디자인에 전문성이 없는 분도
들을 수 있는 강의인가요?
네, 충분히 들을 수 있습니다. 이번 강의는 UX/UI 디자인을 처음 접하는 분부터, 이미 디자인을 배우고 있거나 실무 경험이 조금 있는 분들까지 모두를 대상으로 기획되었습니다. 기초 개념은 쉽게 풀어 설명하고, 동시에 실제 사례와 실습을 통해 자연스럽게 따라올 수 있도록 구성했습니다.

특히 입문자나 학생, 취업 준비생이라면 디자인을 단순히 “예쁘게 만드는 일”이 아니라 제품 전체를 바라보고 문제를 해결하는 과정으로 이해하게 될 것이고, 이미 실무를 경험하고 있는 디자이너라면 디자인 시스템 구축과 AI 활용 같은 한 단계 확장된 역량을 쌓을 수 있을 것입니다. 전문성이 없어도 시작할 수 있고, 단계별로 성장할 수 있는 강의입니다.

이번 강의의 수강생들은
강의를 통해 어떤 부분을 개선하거나
얻어갈 것으로 생각되시나요?
수강생들이 이 강의를 통해 가장 크게 얻어가는 부분은 “관점의 확장”입니다. 단순히 화면을 디자인하는 기술에 머무르지 않고, 제품을 어떻게 기획하고 성장시킬지까지 바라볼 수 있는 프로덕트 디자이너의 사고 방식을 갖게 됩니다. 또한 실무에 바로 적용 가능한 디자인 시스템 구축 방법을 배워, 팀 협업 속에서 일관성과 생산성을 높일 수 있는 역량을 기를 수 있습니다. 더불어 최신 트렌드인 AI 활용법을 실제 프로덕트 디자인 맥락에서 경험하면서, 빠르게 변화하는 환경에서도 자신만의 경쟁력을 만들 수 있습니다.
본 강의에서
사용될 프로그램 안내드립니다.


1. Figma (일부 무료)
2. Chat GPT (유료)
3. Claude (일부 무료)
4. Perplexity (일부 무료)
5. DALL-E (유료)
6. UX Pilot (유료)
7. Manus ai agent (유료)

서비스 클립 사용 툴 안내 (자세히 보기)

FULL 프로세스로 끝내는 UX/UI 디자인 (Part 12~Part 19)
・ Figma (2023년 버전, 일부 무료)
・ Visual Studio Code (2023년 버전, 유료)
・ Notion (무료)

CLASS : 브랜드 정체성을 담은 BX 캐릭터와 아이콘 디자인 ・ Blender 3.6.8 (무료)
・ Adobe After Effects 2024 (유료)


* 프로그램은 제공되지 않습니다.
* 프로그램 버전은 2025년 9월 기준 가장 최신 버전을 사용합니다.
* Chat GPT 는 무료 버전으로도 충분히 수강 가능합니다.
* DALL-E는 Chat GPT의 AI 이미지 생성 시스템으로 별도의 툴을 설치하실 필요가 없습니다.
AI 시대, UX/UI부터 프로덕트 디자인까지 한 번에 끝내는 초격차 패키지
정가749,000
할인 금액(-64%) 482,000
현재 판매가267,000

월 22,250원

* 12개월 무이자 할부 시