웹 UIUX 마스터하기

히어로 섹션

30년차, 업계 최상위 레벨 시니어 디자이너에게 배우는

웹 UIUX 마스터하기

고객에게 휘둘리지 않고 리드하게 되고 저단가가 아닌 고단가를 받을 수 있는 자신감이 생깁니다.

웹UIUX 고객 리드하기 전문성 UP 비전공자를 위한 30년차 UIUX디자이너 국내1위 대기업 출신 2000억 밸류 스타트업 CDO

UI/UX 강의 – 3카드 레이아웃

비전공자 웹 에이전시 창업가를 위한 강의

최상위 실무자에게 배우는 진짜 웹 전략

고객에게 휘둘리지 않고, 고단가를 받는 설계 기준

비전공자도 'UIUX 전략가'로 포지셔닝되게 만드는 강의

Stig Cho 강사

현 하이브 신사업부 총괄 디자이너

클라썸 디자인 총괄│CDO

삼성전자 UX/UI 리드 디자이너

CJ UX/UI 디자이너

알티캐스트UX/UI 디자이너

홍익대학교 인터랙션 디자인 석사

국민대학교 시각디자인 학사

마스터 런칭 에디션

얼리버드

설계부터 클라이언트 대응, 실전 피드백까지
Chapter 1-4 전부 (총합 442,000원)
과제 피드백 2회 (정가 100,000원 상당)

542,000원

298,100원

단품 상품

어디서부터 부족한지 알고 있는 사람에게 적합해요.

Chapter 1 웹사이트 유형 분석 완전 정복

88,000원

Chapter 2 프로젝트 기획 프레임워크 실전 적용

128,000원

Chapter 3 UX/UI 개념 완전 정복

98,000원

Chapter 4 실전 UI 설계 디테일

128,000원

그라디언트 직사각형

이○원 대표

제가 말씀드린 방향이 이게 아니었는데… 혹시 시안 맞으신가요?

박○윤 원장

이건 아직 미완성 버전인 거죠? 최종 아니라고 생각하고 먼저 피드백 드릴게요.

최○지 대표

전체적으로 너무 기본적인 느낌이라 저희 브랜드의 분위기는 전혀 안 느껴집니다.

김○연 PM

저희가 전달드린 이미지나 키워드가 잘 반영된 건지는 조금 더 설명을 듣고 싶어요.

이○우 실장

죄송하지만… 혹시 이게 ‘디자인 들어가기 전 구조 잡는 단계’가 맞는지 다시 확인드려도 될까요?

이○원 대표

이 디자인도 좋긴 한데 저희 경쟁사 사이트랑 느낌이 너무 달라서요. 그쪽 톤으로 전체 톤앤매너 다시 맞춰주실 수 있을까요?

박○윤 원장

대표님이 보고 이 색은 좀 촌스럽다고 하셔서요. 컬러 방향 나중에 제가 최종 확정드릴게요. 일단 지금은 ‘색만 빼고’ 전체 진행해주세요.

최○지 대표

대표님이 오늘 아침에 또 아이디어 주셨는데… 탑배너에 ‘오늘의 혜택’ 팝업도 띄워야겠다 하시네요. 안 겹치게 UI 조정 부탁드려요.

김○연 PM

이거 다 만든 김에 모바일에서 레이아웃 하나 더 추가해서 버전 비교 가능하게 해줄 수 있을까요?

패스트캠퍼스 UIUX 강의 부분 1위 Stig Cho

현 하이브 신사업부 총괄 디자이너

전 클라썸 디자인 총괄

전 삼성전자 UX/UI 리드 디자이너

전 CJ UX/UI 디자이너

전 알티캐스트UX/UI 디자이너

전 디자인피버 UX/UI 디자이너

홍익대학교 인터랙션 디자인 석사

국민대학교 시각디자인 학사

POINT 1

클라이언트 앞에서 흔들리지 않는 전문가로

5가지 웹사이트 유형을 배우면 상담 첫 5분 만에 프로젝트 구조가 보입니다. 클라이언트가 "이거 추가해주세요"라고 할 때, "이 사이트는 이커머스 유형이라 필터 기능이 필수지만, 그 요청은 프로모션 요소입니다"라고 근거 있게 말할 수 있습니다. 기획 프레임워크로 정보 구조(Depth, CTA, 푸터)를 체계화하니 견적과 범위를 명확히 정하게 됩니다. 이제 툴 조작자가 아니라, 구조를 설계하는 전문가로 인식됩니다.

POINT 2

프로젝트가 무너지지 않는 설계 시스템

"뭔가 아쉬워요" 피드백은 기획 없이 시작해서 생깁니다. 유저 플로우와 정보구조(IA)부터 설계하면 방향이 흔들리지 않습니다. 사이트 유형별 핵심 목적(구매 유도, 참여 유도, 체험 유도)을 먼저 정의하고, 그에 맞는 CTA 배치와 섹션 구조를 설계합니다. 1차 피드백에서 끝나는 구조화된 프로세스가 생기고, 카톡 수정 요청은 "범위 외 작업"으로 통제할 수 있는 기준이 생깁니다.

POINT 3

"이게 왜 좋은 사이트인지" 설명할 수 있는 기준

좋은 UI의 5가지 기준(명확성, 일관성, 반응성, 피드백, 단순성)을 배우면 내 디자인을 판단하는 눈이 생깁니다. 노션, 에어비앤비, 토스 같은 실제 사례 분석으로 "왜 이 버튼이 여기 있는지", "왜 이 흐름이 효과적인지" 근거를 가지고 설명할 수 있습니다. 상담 때 "이 레이아웃은 사용자의 전환율을 높이는 구조입니다"라고 자신 있게 제안하고, 당당하게 가격을 받을 수 있습니다.

POINT 4

프로젝트 노동자에서 전략 파트너로

유형별 설계 프레임워크로 프로젝트 기획 시간이 단축되니 더 많은 프로젝트를 소화하거나, 전략 컨설팅을 추가 상품으로 제안할 수 있습니다. "SaaS 사이트라면 무료 체험 CTA가 핵심이고, 요금제 비교 테이블이 필수입니다"라고 운영 전략까지 제안하면 유지보수 계약으로 이어집니다. 단순 제작자가 아니라 클라이언트 사업 성장을 돕는 파트너가 되어, 지속 가능한 수익 구조를 만들 수 있습니다.

POINT 5

저단가 경쟁에서 벗어나 고단가 프로젝트로

전문성을 갖추면 가격 경쟁에서 벗어납니다. "이 사이트 구조가 전환율을 높이는 이유"를 데이터와 사례로 설명하고, 단순 제작이 아닌 "사업 성과를 만드는 설계"를 판매하게 됩니다. 노션, 토스, 에어비앤비 같은 성공 사례를 근거로 제시하며, 클라이언트가 납득할 수 있는 고단가 견적을 받아냅니다. 가격이 아니라 가치로 경쟁하는 전문가가 되는 것입니다.

CHAPTER 1

웹사이트 구조 5가지 유형 완전정복

고객의 요구를 듣는 순간, 머릿속에 구조가 그려집니다.

기업 / 이커머스 / 프로모션 / 포트폴리오 / SaaS 5가지 웹사이트 구조의 핵심 목적과 정보 흐름(Depth, CTA, Footer) 완전 해부
LG전자 / 룰루레몬 / 테슬라 / 노션 등 실제 사례로 각 유형별 헤더 구조·CTA 전략·정보 구조의 차이 비교
클라이언트의 니즈를 들은 즉시 유형을 캐치하고 기획 → 설계 시간을 절반 이하로 단축하는 프레임워크 제공

CHAPTER 2

프로젝트 기획 프레임워크 실전 적용

요구사항을 들으면 곧바로 설계안이 떠오르는 구조적 사고 훈련.

웹사이트 목적별 핵심 설계 포인트 (인지형 / 전환형 / 브랜딩형)
유형별 Depth 설계법과 CTA 노출 타이밍
프로젝트 기획 시나리오 실습:
“이건 이커머스형 + 프로모션형이 섞인 구조다.” → 복합형 웹 구조를 빠르게 판단하고 설계하는 법
실습 과제: 클라이언트 요구서 기반, 5분 안에 구조 맵핑하기

CHAPTER 3

UX / UI 개념의 본질과 실무 적용

디자인이 아니라 ‘사용자 흐름’을 설계하는 감각을 익힙니다.

UX(사용자 경험) vs UI(사용자 인터페이스) — 핵심 차이와 교차점
사용자 플로우(User Flow) & 사용자 여정(Journey) 분석 실습
정보구조(IA)·내비게이션 패턴·모바일 퍼스트 사고법
버튼·모달·폼 등 UI 컴포넌트의 “의도 해석”과 설계 기준
협업 시 디자이너/개발자와 동일한 언어로 대화하기 위한 기본 문법

CHAPTER 4

UX/UI 실전 팁 & 사례 분석

좋은 디자인은 시각이 아니라 흐름에서 완성된다.

좋은 UI의 5가지 기준 (명확성·일관성·반응성·피드백·단순성)
마이크로 인터랙션과 사용자 피드백 설계
에러·로딩·빈 상태 등 ‘보이지 않지만 중요한 상태 처리’ 노하우
컴포넌트 구조 설계 vs 오버엔지니어링 방지 기준
Notion, Toss, Airbnb, Framer 등 실무 사례 분석으로 ‘보이는 디자인’이 아니라 ‘쓰이는 디자인’을 이해

아임웹 검은색 배경 설정

하단 고정 버튼 – 수강 신청하기