초격차 패키지

FULL 프로세스로 끝내는
UX/UI 디자인

기본 정보

• 8개 대주제, 222개 클립 (약 43시간 분량)
• 입문 - 실전

강의 특징

• 수강료 1회 결제로 평생 소장
• 실무 연계 강의자료와 템플릿 제공

코스 프로모션 배너 전용입니다.

0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

현직 디자이너의 노하우를 배우는
실무 마스터 클래스

롤모델로 삼고 싶은 디자이너들의 인사이트와 스킬을
실무 연계형 프로젝트 실습으로 마스터합니다.

디자인 카테고리 수강생 4만 +

예비/현직 디자이너분들의 설문과 인터뷰로
업그레이드된 강의를 만나보세요.

What’s Special?

자세한 내용이 궁금하다면 아이콘을 클릭해 보세요.

4가지 대표 도메인 프로젝트로
UXUI 실무 프로세스 마스터

이커머스, 핀테크, O2O/콘텐츠, IT/Saas 산업별
케이스 스터디와 디자인 실습을 진행합니다.

Domain 01

이커머스

페이지 영역별 디자인 유의사항과 케이스 스터디를 살펴보고
회사 규모별 프로젝트 접근법에 따라 실습을 진행합니다.

Landing page : 랜딩페이지와 위젯

홈, 검색, 카테고리 페이지 케이스 스터디를 살펴본 뒤, 콘텐츠에 어울리는 추천 위젯 디자 인 실습을 진행합니다. 특히, 추천 알고리즘을 위한 위젯 구성 시 서로 구별되면서 전체적 으로 일관된 디자인을 적용하는 방법에 대해 배워봅니다.
Search : 검색

사용자의 탐색 경험에 영향을 미치는 검색 필터 변천사에 대한 케이스 스터디를 살펴본 뒤, 리서치 실습을 진행합니다. 리서치를 통해 도출된 페르소나의 페인 포인트와 니즈를 바탕으로 Phase별 필터를 디자인해 봅니다.
Listing : 그리드와 리스트 유닛

유닛 디자인 케이스 스터디를 살펴본 뒤, 피그마를 활용해 그리드 유닛 컴포넌트 디자인 실습을 진행합니다. 실무 디자인 과정에서의 유의사항을 미리 숙지하여 실패를 방지하고 회사 규모에 맞는 상황별 디자인 접근법을 배워봅니다.

Domain 02

핀테크

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

단계별 가설 설정 : 프레임워크로 체계화

실제 프로덕트 개발은 가설을 만들고 검증하는 작업의 반복으로 진행됩니다. 강사님이 준 비한 체계화된 가설 설정 프레임워크를 통해 핀테크 제품 개발 과정에서의 가설을 설정해 봅니다.
리서치 : AB 테스트, 사용성 테스트, 인터뷰, 경쟁사 분석

비즈니스와 사용자의 문제 가설과 솔루션 가설을 검증하기 위한 효율적이고 최적의 방법 으로서 리서치를 이해합니다. 이해한 내용을 바탕으로 핀테크 실무 프로젝트를 통해 리서 치 기반의 결정을 내려봅니다.
데이터와 디자인 : AARRR과 주요 지표들

핀테크 프로덕트 디자이너가 꼭 알아야 하는 주요 지표 용어들을 통해 어떤 데이터를 요청 해야 하는지 파악하고, 데이터의 변화가 보여주는 추세를 보며 제품 개선의 단서를 발견해 봅니다.

Domain 03

O2O/콘텐츠

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

케이스 스터디 : 콘텐츠 중심의 O2O 서비스

유명 O2O 서비스 사례를 살펴본 뒤, 콘텐츠 조회 전환율을 높여야 하는 이유와 구조화된 콘텐츠 디자인 / 사용자가 원하는 콘텐츠 제공하기 / 탐색 경험 개선하기 / 콘텐츠 양과 질 높이기에 대해 현직 디자이너의 시각으로 알아봅니다.
O2O 서비스 개선 프로젝트 실습

실제 <오늘의집> 집들이 상세페이지 개선 프로젝트 사례를 살펴본 뒤, 서비스 개선을 위 한 문제 정의와 가설 설정 - UX 설계 - UI 디자인 - 인터랙션 정의와 프로토타입 제작으로 이어지는 UXUI 실무 전반을 경험해 봅니다.
스타트업 중심의 실무 디자인 프로세스

UXUI 디자인 업무의 시작부터 런칭 이후 피그마 프로젝트를 어떻게 관리하는지까지 실제 업무를 진행하면서 목적을 달성하기 위해 디자이너가 어떤 역할을 하는지, 어떻게 결과물 을 만드는지 스타트업 중심으로 살펴봅니다.

Domain 04

IT/SaaS

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

문제를 해결하는 SaaS 디자인 프로세스

강사님의 실무 노하우를 바탕으로 SaaS의 개념 디자이너의 역할, 전반적인 디자인 과정 을 이해한 뒤, 프로젝트형 실습 예제를 통해 직접 사용자의 문제를 해결하며 현업 프로세 스를 경험해 봅니다.
리디자인 프로젝트 : Notion

방대한 양의 문서를 정리하는 데 어려움을 겪는 페르소나의 문제를 해결하기 위해 어떻게 노션을 개선하면 좋을지 피그마에서 과제를 수행한 뒤, 자신의 솔루션과 강사님이 제시한 솔루션을 비교하는 과정으로 실습을 진행합니다.
리디자인 프로젝트 : Swingvy

HR 소프트웨어 Swingvy를 사용할 때 팀원들이 휴가 신청을 효율적으로 하기 위해 어떻 게 서비스를 개선하면 좋을지 피그마에서 과제를 수행한 뒤, 자신의 솔루션과 강사님이 제 시한 솔루션을 비교하는 과정으로 실습을 진행합니다.

도메인별 이론과 케이스 스터디를 거쳐
실무 프로세스를 따라가는
프로젝트 실습형 강의입니다.

단편적인 이론과 부족한 실습 양으로 아쉬우셨나요?
프로젝트를 충분히 실습하며 프로세스를 익혀보세요.

UXUI 기본기부터 업스킬까지
11가지 필수 주제를 강의 하나로

기본기(UI 기초와 용어, 디자인 시스템 등)와
업스킬(UX 라이팅 등)까지 다양한 주제를 마스터합니다.

Section 01

UXUI BASIC

실무 디자인 프로세스를 이해하고 유저 플로우와 기획서를 토대로 디자인 레이아웃을 구성해 봅니다.

| 노션 핵심 요약집 제공
| 유저 플로우와 화면 기획안 예시 제공
UI 디자인 기초와 용어를 살펴보고 서비스 제작에 필요한 디자인 시스템과 컴포넌트를 만들어 봅니다.

| 피그마 예제 파일 제공
| 프레임과 레이아웃 그리드 제공
예제를 실습하며 현업에서 활용되는 실전 기능과 업무 효율성을 높이는 다양한 노하우를 배웁니다.

| 추천 플러그인 리스트 제공
| 피그마 단축키와 퀵액션 모음집 제공
디자이너가 개발자와 협업할 때 필요한 개발 전달과 프로토타입 제작 방법을 배웁니다.

| 노션 핵심 요약집 제공
| 기초 개발 용어 모음집 제공

Section 02

DOMAIN PROJECT

UI 디자인 기본기와 용어부터 UI 디자인 기본기와 용어 부터 시작해 입문자도 쉽게 따라갈 수 있습니다.

| 노션 강의안 제공
| 화면 기획서 예시 제공
데이터를 이해하는 디자이너로서 가설 정의와 검증을 반복 하는 린 UX 프로세스를 핀테크 실무에서 적용해 봅니다.

| 노션 핵심 요약집 제공
| 피그마 예제 파일 제공
특별한 공식이 없어 어려운 콘텐츠 중심 O2O 서비스 디자인의 다양한 사례와 실무 노하우를 배워봅니다.

| 업무 효율을 높이는 노션 템플릿 제공
| 실무용 피그마 속성 가이드 제공
SaaS 디자인에 대해 이해하고 실무에서 맞닥뜨리는 문제를 해결하는 과정을 거쳐 실전 프로세스를 경험합니다.

| 피그마 예제 파일 제공
| SaaS 디자인 용어 자료 제공

Section 03

UPSKILL

국내 1세대 UX 라이터와 함께 실무 사례를 중심으로 디자인 씽킹을 통한 고객 관점의 UX 라이팅을 배워봅니다.

| UX 라이팅 핵심 요약집 제공
피그마 디자인을 바탕으로 페이지 전환, 스와이프, 모달 팝업, 폼 피드백 등 다양한 인터랙션을 구현해 봅니다.

| 기초 개발 용어 모음집 제공
| 피그마 예제 파일 제공
목적에 맞는 포트폴리오 제작 노하우부터 진로 선택과 성장하는 디자이너를 위한 커리어 가이드까지 살펴봅니다.

| 디자인 아티클 링크 리스트 제공
| UXUI 북스터디 사례 모음집 제공

더 자세한 커리큘럼이
궁금하다면?

11개의 개별 강의로 구성할 수 있는
고퀄리티 커리큘럼을 하나의 강의로 압축

최소 1/5 가격으로 모든 주제를 평생 수강하세요!

실력 있는 현직자들로 구성된
강사진의 실무 연계 MAX 강의

아마존, 쿠팡, 뱅크샐러드 등 유명 스타트업과
대기업 현직자들의 업무 노하우를 배워봅니다.

디자인 에이전시부터 글로벌 기업까지,
다양한 경험을 쌓은 강사님들과 함께

회사 유형과 규모, 도메인에 따라 달라지는
디자인 프로세스와 인사이트를 살펴봅니다.

Fastcampus Only

프로젝트에 바로 적용 가능한 전문가들의 노하우.zip
영상 이상의 특별한 혜택으로 UXUI를 마스터하세요.

실무자들의 노하우를 가득 담은
강의자료와 실전 템플릿 25종

UXUI 프로젝트에 적용할 수 있는 다양한 자료들을
활용해 효율적으로 결과물을 완성해 봅니다.

Template 01

UXUI BASIC 8종

Template 02

DOMAIN PROJECT 12종

Template 03

UPSKILL 5종

업계 점유율 TOP 디자인 툴
피그마 200% 활용법

오토레이아웃과 플러그인부터 히스토리 관리까지
업무 효율을 높이는 피그마 활용법을 배워봅니다.

그리드 유닛 피그마 컴포넌트 디자인 실습

피그마의 Instance 기능을 이용하여 여러 케이스에 대응할 수 있는 유기적인 유닛 컴포넌트를 만들어봅니다.
디자인 시스템 관리 노하우

사용 중인 타이포그래피, 색상, 아이콘 등을 취합하고 분류한 뒤, 체계적으로 컴포넌트를 관리하는 노하우를 배웁니다.
프로토타이핑과 인터랙션 구현

피그마로 제작된 페이지를 바탕으로 빠르게 프로토타입을 제작하고 페이지 전환, 스와이프, 모달 팝업 등 다양한 인터랙션을 구현해 봅니다.
피그마와 피그잼을 활용한 협업

피그잼을 활용하여 로드맵과 프로덕트 비전에 도움이 되는 팀 워크샵과 다른 직군과의 협업을 진행해 봅니다.

UXUI 입문자도 들을 수 있는
선기초 - 후실습 강의 구성

알아두면 유용한 UI 기초 지식과 용어, 디자인 시스템과
프로세스를 학습하고 실습을 진행합니다.

BASIC 01
UI 기초 지식

화면 디자인의 기준이 되는 디스플레이와 해상도, 레이아웃, 스타일과 라이브러리에 대해 알아봅니다.
BASIC 02
디자인 시스템

표준화된 사용자 경험을 제공하기 위해 디자인 시스템을 만들고 관리하는 방법을 배워봅니다.
BASIC 03
UXUI 업계 용어

팀원 또는 협업 직군과 소통할 때 디자이너가 알아야 할 필 수 디자인/개발 용어를 살펴봅니다.

BASIC 04
디자인 프로세스

사용자 문제를 해결하고 다른 직군과의 협업에 필요한 실무 디자인 프로세스를 이해합니다.
BASIC 05
도메인별 서비스 특징

도메인별 필수 용어와 함께 다양한 케이스 스터디를 통해 서비스의 특징을 알아봅니다.
BASIC 06
디자이너를 위한 개발 기초

코딩하기 편한 디자인에 대해 알아보고 피그마 기반의 다 양한 인터랙션 구현 방법을 배워봅니다.

잠깐!

입문 기초만 다룬다면 실무 마스터 클래스가 아니죠.
실력 있는 디자이너로 향하는 스킬업까지 마스터합니다.

비즈니스 구조/유저 데이터 기반의
설득력 있는 UX 디자인

비즈니스와 사용자 관점에서 문제를 정의하고
데이터를 활용하는 논리적인 디자이너로 성장합니다.

Case 01

사용성 테스트(UT)를 통해
콘텐츠 가독성과 탐색 강화하기

“실무 디자인 과제들을 중심으로 어떻게 접근하면 좋을지
실제 일터에서 적용할 수 있도록 연습해 볼게요.”

강사님의 AS-IS ㅣ TO-BE

상세페이지 ATF의 정보를 사용자가 쉽게 찾고 이해할 수 있는지 사용성 테스트를 진행 하여 제품 상세페이지를 개선합니다.
강의를 통해 배울 내용

| ATF(Above The Fold) 디자인 케이스 스터디와 사용성 테스트 실습
| BTF(Below The Fold) 디자인 케이스 스터디

Case 02

데이터를 활용해 콘텐츠 조회 경험을
개선하고 유저의 콘텐츠 업로드 수 늘리기

“특별한 공식이 없어 어렵게 느껴지는 콘텐츠 중심 UX에 대해
주도적인 디자이너를 위한 데이터 활용 방법을 알려드릴게요”

강사님의 AS-IS ㅣ TO-BE

콘텐츠 전환율 데이터를 분석하여 개선점을 발견하고 UX Flow 설계를 통해 사용자의 UX 흐름을 고려하여 문제를 해결합니다.
강의를 통해 배울 내용

| 콘텐츠가 더 매력적으로 보이는 디자인
| O2O 서비스 개선 프로젝트로 살펴보는 UX 설계

서비스 구현과 개선에 필요한 기획,
디자인, 개발 협업의 모든 것

유저 플로우와 기획서를 이해하고 피그마 UI 디자인과
개발 전달, 프로젝트 관리까지 학습합니다.

무료 버전의 프로그램과
플러그인으로 진행되는 실습

추가 비용을 지불하지 않아도 되는 프로그램과
다양한 플러그인을 활용하여 작업해 봅니다.

강의에서 사용되는
무료 버전의 프로그램

1. Figma (23년 5월 기준 최신 버전)
2. Figjam
3. Visual Studio Code
4. Notion
*본 강의는 mac 환경에서 진행됩니다.
windows 환경에서도 수강 가능하나 일부 단축키 등이 다를 수 있습니다.

현직 디자이너 추천
무료 피그마 플러그인

스타일, 컬러, 폰트, 아이콘, 이미지와 모션, 파일 관리 등 현직 디자이너가 추천하는 다양한 피그마 플러그인을 활용합니다.

3월까지만! 런칭 특별가로
UXUI 이론과 실무 완벽하게 끝내기!

*본 묶음 상품은 페이백/1+1 등 별도의 프로모션 및 쿠폰이 적용되지 않습니다.

총 10과목

UX/UI 디자인 이론부터 실무까지
한 번에 끝내고 싶은 분을 위한 UX/UI 끝내기 마스터 패키지

UX 기초부터 전체적인 프로세스를 중심으로 꼼꼼히 제대로 배우고 4가지 대표 도메인 프로젝트로 케이스 스터디, 디자인 실습까지 UXUI 디자인의 모든 것을 이 패키지 하나로 배워보세요!

[한번에 끝내는 UX/UI 디자인] & [FULL 프로세스로 끝내는 UX/UI 디자인]을 할인된 가격으로 한 번에 구매하고 평생 소장하세요!

정가 0원

할인 판매가 0% 할인 0원

12개월 할부 월 0원

기본기부터 실무 프로젝트와 업스킬까지,
가장 체계적이고 실용적인 UXUI 커리큘럼

아래의 모든 주제를 강의 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!

Section 01

UXUI BASIC

Chapter 1
강의소개

① 어떤 문제를 해결해야 하나요?
② 서비스를 만드는 팀이 일하는 방식
③ 화면 기획서와 디자인 의사 결정
④ 디스플레이의 이해 (해상도와 1x, 8px 그리드)
⑤ 디자이너가 알아야 할 HTML/CSS
⑥ 흔히 듣는 개발 용어 정리

Chapter 2
피그마 기초 : 기본 기능

① 피그마 소개
② 피그마 UI 알아보기
③ 기본 세팅 & 기본 도구 사용
④ 피그마 커뮤니티 활용

Chapter 3
피그마 기초 : 기본 UI 구성

① 프레임과 레이아웃 그리드
② 스타일과 라이브러리
③ 컴포넌트 + 오토레이아웃 + 배리언츠
④ 컴포넌트 프로퍼티 + 인터랙티브 컴포넌트
⑤ 프로토타입
⑥ 버전 히스토리 + 브랜치
⑦ [예제] 벡터 툴 활용과 아이콘 그리기
⑧ [예제] 음악 UI 디자인과 라이브러리 생성하기
⑨ 공유와 에셋 전달 팁
⑩ 디자인 시스템을 처음 만든다면?

Chapter 4
피그마 실전 : 반응형 웹

① 반응형 랜딩 페이지 디자인
② 모바일 디자인
③ 패드 디자인
④ 데스크탑 디자인
⑤ 스크롤 프로토타입
⑥ 브레이크포인트 테스트

Chapter 5
피그마 실전 : SNS 커머스

① SNS 커머스 | 그리기 전, 서비스와 비즈니스 이해하기
② SNS 커머스 | IA(Information Architecture)
③ SNS 커머스 | 유저 플로우
④ [예제] SNS 메인 화면 디자인하기
⑤ [예제] 커머스 상세 화면 디자인하기
⑥ [예제] 피그마 프로토타입 만들기
⑦ [예제] B2B 어드민 화면 기획
⑧ [예제] B2B 어드민 화면 디자인하기
⑨ [예제] 개발 전달 가이드
⑩ [예제] 디자인 시스템 시작하기

Section 02

DOMAIN PROJECT

Part 1. 이커머스

Chapter 1
강의소개

① 강의 구성 및 활용 방법 안내

Chapter 2
이커머스 & UX 디자인에서 빠지기 쉬운 함정

① 이커머스의 함정 : 사용자를 소비자로, 가치를 돈으로 환산할 때
② 데이터 드리븐의 함정 : cherry picking, 속도로 놓치는 롱텀 전략
③ 디자인 패턴의 함정 : 절대적인 법칙은 없다
④ 사용자 중심 디자인의 함정 : 사용자도 뭘 원하는지 잘 모른다
⑤ 레퍼런스의 함정 : 무조건 유명한 서비스를 참고하면 안되는 이유
⑥ 챕터 요약

Chapter 3
Search : 검색

① 첫 실습 전, 프로젝트 재정의
② 필터의 변천사 케이스 스터디
③ 디자인 리서치 실습
④ 필터 Phase별 디자인 실습
⑤ 챕터 요약

Chapter 4
Landing page : 랜딩페이지와 위젯

① 홈, 검색, 카테고리 페이지 케이스 스터디
② 컨텐츠에 맞는 추천 위젯 디자인 실습
③ 챕터 요약

Chapter 5
Listing : 그리드와 리스트 유닛

① 유닛 디자인 케이스 스터디
② 그리드 유닛 피그마 컴포넌트 디자인 실습
③ 챕터 요약

Chapter 6
Landing page : Product page : 상세페이지

① ATF(Above The Fold) 디자인 케이스 스터디
② ATF(Above The Fold) 디자인 사용성 테스트 실습
③ BTF(Below The Fold) 디자인 케이스 스터디
④ 광고 위젯 위치 정하기
⑤ 챕터 요약

Chapter 7
Review : 상품평

① 별점 vs 이미지 vs 텍스트 케이스 스터디
② 작성률을 높이는 상품평 디자인 실습
③ Business Flywheel
④ 챕터 요약

Chapter 8
Cart & Checkout : 결제

① 장바구니와 결제 케이스 스터디
② 카테고리 메뉴와 네비게이션 케이스 스터디
③ 협업에 필요한 Design principle, Office hour
④ 챕터 요약

Chapter 9
Program : 새 비즈니스를 위한 설계

① 아마존프라임, 와우멤버쉽 케이스 스터디
② 자주 구매하는 상품 케이스 스터디
③ 사용자 여정 그리기와 터치 포인트 찾기
④ 챕터 요약

Chapter 10
소프트 스킬1 : 온보딩

① 적응하기 : 가장 좋은 레퍼런스는 사람, 사내 문서, A/B Test 히스토리
② 새로운 눈 되어주기 : 온보딩 후기 공유하기
③ Heurist Evaluation, PURE Score 실습
④ 그 밖의 실무 팁

Chapter 11
소프트 스킬2 : UX Advocate, 회사에 UX 유전자 심기

① UX 디자이너의 롤과 회사 레벨 파악하기
② 영향력을 높이는 5가지 실무 팁
③ Figjam에서 팀 워크샵 진행하기
④ 챕터 요약

Chapter 12
글로벌 서비스 디자인 훑어보기

① I18N & L10N, 번역
② 법규에 맞는 디자인 : 웹접근성, GDPR, Omnibus Price
③ 사용자 조사와 테스트 : 마켓별로 다른 A/B Test 결과

Chapter 13
커리어패스 & 해외취업

① 해외? 석사? 비자? 나라? 연봉?
② 디자인에이전시 vs 스타트업 vs 대기업

Part 2. 핀테크

Chapter 1
강의 소개

① 강의 목적
② 강의 목차

Chapter 2
핀테크 이해

① 금융 환경의 변화
② 핀테크 비즈니스 모델
③ 핀테크 현황 - 간편결제
④ 핀테크와 법

Chapter 3
데이터와 디자인

① 데이터와 디자이너
② 좋은 지표와 나쁜 지표
③ 마케팅 지표
④ 사용자 지표
⑤ 리텐션
⑥ Stickiness (DAU/MAU)
⑦ 핀테크 지표
⑧ 핀테크와 AARRR

Chapter 4
가설 설정

① 프로덕트와 가설
② 가정과 가설
③ 가설과 우선순위
④ 핵심 지표 설정

Chapter 5
가설 검증

① 실무에서의 가설 검증
② 사용자 인터뷰
③ 교차 검증

Chapter 6
실험과 학습

① AB 테스트
② 결과 해석과 학습
③ 상관관계와 인과관계

Chapter 7
데이터 시각화

① 차트 종류와 가이드
② 피그마에서 차트 만들기
③ 데이터 시각화 연습하기

Chapter 8
협업하는 디자인

① RACI 모델
② 체크포인트 프로세스
③ 디자인 리뷰

Chapter 9
마무리

① 마지막 말

Part 3. O2O/콘텐츠

Chapter 1
시작하기 전에

① 강사 소개
② 강의 제작 배경과 핵심 내용

Chapter 2
O2O 서비스의 이해

① O2O 서비스란?
② O2O 서비스에서의 사용자 경험
③ O2O 서비스에서 콘텐츠의 역할

Chapter 3
스타트업 디자이너가 일하는 방식

① 업무 범위와 역할
② 디자인 역량 강화하기

Chapter 4
스타트업 중심의 실무 디자인 프로세스

① 문제 정의와 아이디어 도출
② UX 설계
③ UI 디자인 & 인터랙션 정의와 프로토타입 제작
④ 디자인 리뷰 & 피드백
⑤ 디자인 QA
⑥ 데이터 수집과 분석을 통한 F/U

Chapter 5
콘텐츠를 잘 활용하는 O2O 서비스 살펴보기

① 에어비앤비
② 캐치테이블
③ 똑닥

Chapter 6
콘텐츠 조회 전환율을 높이는 디자인

① 콘텐츠 조회 전환율을 높여야 하는 이유
② 구조화된 콘텐츠 디자인
③ 콘텐츠가 더 매력적으로 보이는 디자인
④ 사용자가 원하는 콘텐츠 제공하기
⑤ 탐색 경험 개선하기
⑥ 콘텐츠 quality & quantity 끌어올리기

Chapter 7
콘텐츠 에디터, 상세 페이지 UIUX 개선하기

① 문제 정의와 개선 과정
② UXUI 솔루션

Chapter 8
콘텐츠에 적합한 포맷을 찾는 과정

① 문제 정의와 1차 UXUI 솔루션 도출
② 데이터 분석 및 VOC 수집을 통한 이터레이션

Chapter 9
실무 체험 : 온보딩 경험 설계하기

① 문제 정의와 가설 설정
② 와이어프레임 그리기
③ UI 디자인
④ 인터랙션 정의와 프로토타입 제작

Part 4. IT/SaaS

Chapter 1
시작하기에 앞서

① 첫인사
② 강의 소개

Chapter 2
IT/SaaS 산업 알아보기

① SaaS란 무엇인가
② SaaS는 왜 중요한가
③ B2C vs B2B SaaS
④ Types of SaaS
⑤ SaaS의 주요 지표

Chapter 3
SaaS를 디자인한다는 것

① SaaS - 프로덕트 디자인의 꽃
② Product-led growth
③ SaaS 디자인, 어려운 이유
④ SaaS UX Design Funnel (Acquisition)
⑤ SaaS UX Design Funnel (Activation)
⑥ SaaS UX Design Funnel (Retention, Referral, Revenue)
⑦ Design Process (Feat. Figma)

Chapter 4
디자인 전, 몸풀기

① 업무 효율을 높이는 피그마 단축키 꿀팁 (feat. Figma)
② 일잘러를 위한 피그마 플러그인 소개 (feat. Figma)
③ 디자인 시스템 Live site (feat. Zeroheight)
④ Story로 소통하기

Chapter 5
SaaS 리디자인 프로젝트

① 소프트웨어는 하나의 공간이다
② 예제 1: Swingvy (HR software)
③ 예제 1: Swingvy - 예시 솔루션
④ 예제 2: Notion (Documentation tool)
⑤ 예제 2: Notion - 예시 솔루션
⑥ 예제 3: 채널톡 (CRM)
⑦ 예제 3: 채널톡 (CRM) - 예시 솔루션

Chapter 6
디자인 그 후, 지속하기

① 알리고 검증하기 (feat. Appcues)
② 코드 없이 블로그 만들고, 글쓰기 (feat. Framer)

Chapter 7
마무리

① SaaS Design, 어디서 배울까
② SaaS 디자이너가 잘해야 하는 것

Section 03

UPSKILL

Part 1. UX 라이팅

Chapter 1
UX 라이팅 이해하기

① 강사 및 강의 소개
② 고객 경험 글쓰기의 중요성
③ UX 라이팅의 개념과 범위, 역할과 특징

Chapter 2
브랜드 보이스앤톤 만들기

① 보이스앤톤이란?
② 보이스 설계 프로세스 : Zero to One 환경에서는 어떻게 만들까?
③ 구글, 메일침프, 쿠팡의 상황별 말투

Chapter 3
UX 라이팅 기본 원칙

① UX 라이팅 기본 원칙 및 사례

Chapter 4
문제 해결 UX 라이팅

① 고객의 문제를 해결하는 UX 라이팅
② 문제 점검하기 : 라이팅 솔루션이 최선일까?
③ 오류 나고 비어있는 상황에 대처하는 자세

Chapter 5
행동 유도 UX 라이팅

① 행동에 동기를 부여하는 UX 라이팅
② 사용자 행동 이론을 적용한 메시지 전략 (feat. 다크 패턴 경계하기)

Chapter 6
맥락에 맞는 UX 라이팅

① 정보 구조화하기: 긴 텍스트 블록 피하는 방법
② 고객의 여정 따라 End-to-End UX 라이팅

Chapter 7
그 밖의 실무 노하우

① 용어집 만들 때 : 전문 용어와 붙여쓰기의 허용 기준
② 협업할 때 : UX 라이팅 원페이저 만들기
③ 마치며 : "Don't Make Me Think"

Part 2. 피그마 기반 퍼블리싱

Chapter 1
웹페이지 구현 기초

① 디자인 확인 및 기본쉘 구상하기(미디어쿼리 설계, HTML5, CSS)
② 기본 쉘 작성하기 - 이미지 저장
③ 기본 쉘 작성하기 - common.html, common.css
④ 기본 쉘 작성하기 - common.html, common.css

Chapter 2
Main Page

① Main Page 헤더, 주요 서비스, 슬라이드, 푸터 HTML
② Main Page 헤더, 주요 서비스, 슬라이드, 푸터 CSS
③ Main Page 헤더, 주요 서비스, 슬라이드, 푸터 CSS

Chapter 3
About page

① About Page 아코디언, 슬라이드 HTML
② bout Page 아코디언, 슬라이드 CSS

Chapter 4
Sign in Page

① 로그인 HTML, CSS
② 회원가입, 폼 피드백 HTML, CSS
③ 폼 피드백 HTML, CSS, SCRIPT

Chapter 5
반응형 Main Page

① 미디어 쿼리 활용 PC 구간 반응형 CSS
② 미디어 쿼리 활용 태블릿 구간 반응형 CSS
③ 미디어 쿼리 활용 스마트폰 구간 반응형 CSS
④ 미디어 쿼리 활용 스마트폰 구간 반응형 메뉴 SCRIPT
⑤ 미디어 쿼리 활용 스마트폰 구간 Retina 이미지 반영

Part 3. 포트폴리오와 커리어 가이드

Chapter 1
포트폴리오 제작

① 포트폴리오 준비 단계
② 포트폴리오 콘텐츠
③ 포트폴리오 디자인
④ 포트폴리오 피드백 & 제출

Chapter 2
커리어 가이드

① 시작하기전에
② UXUI 디자이너의 필요성
③ 진로 선택하기
④ 포트폴리오 & 면접

Chapter 3
좋아 보이는 UI의 비밀

① UXUI 심리학 법칙
② 게슈탈트 이론
③ UXUI 디자인 규칙
④ 완성도를 높이는 시각보정

Chapter 4
디자이너의 성장 노하우

① 실무 디자인 업무 TIP
② 효과적인 UXUI 학습법
③ 지속가능한 성장법과 커리어 전략

상세 커리큘럼

자세한 커리큘럼 및 내용은 여기서 확인하세요!

자세히 보기 ‣

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

이 강의도 추천해요.

주의사항 * 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다.

– 총 학습기간 :
정상 수강기간(유료 수강기간) 최초 2개월(60일), 무료 수강 기간은 61일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 43시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
– 수강시작일 :
수강 시작일은 결제일로부터 기간이 산정됩니다. (사전 예약 강의의 경우 1차 강의 오픈일) 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는해당 일정 만큼 수강 시작일이 연기됩니다.
* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
– 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
– 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

환불규정 – 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.

– 수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
– 수강시작 후 7일 초과, 5강 이상 수강 시 정상 수강기간(유료 수강기간) 대비 잔여일에 대해 다음과 같이 환불 가능합니다.
환불요청일 시 기준
: 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
: 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
: 수강시작 후 1/2 경과 후, 환불 금액 없음

* 보다 자세한 환불 규정은 홈페이지 취소/환불 정책에서 확인 가능합니다.

UX/UI 끝내기 마스터 패키지(이론+실무) 환불규정 총 학습기간:
– 정상 수강기간(유료 수강기간) 최초 3개월(90일), 무료 수강 기간은 91일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
– 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.

– 수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
– 수강시작 후 7일 초과, 5강 이상 수강 시 정상 수강기간(유료 수강기간) 대비 잔여일에 대해 다음과 같이 환불 가능합니다.
환불요청일 시 기준
: 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
: 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
: 수강시작 후 1/2 경과 후, 환불 금액 없음

* 본 묶음상품은 패키지로 할인을 추가 적용하여 판매하므로, 강의 일부 환불은 불가하며 위 기준에 따라 반영됩니다.
* 보다 자세한 환불 규정은 홈페이지 취소/환불 정책에서 확인 가능합니다.

패스트캠퍼스 아이디 공유 금지 정책 안내 아이디 공유란?
1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다. 패스트캠퍼스의 모든 온라인 강의에서는 아이디 공유를 금지하고 있습니다.
동시접속에 대한 기록이 내부 시스템을 통해 자동으로 누적되며, 동시 접속 기록이 10회 이상 확인되는 경우 사전 안내없이 아이디가 차단될 수 있습니다.

root layout

FULL 프로세스로 끝내는 UX/UI 디자인