막상 실무나 포트폴리오를 만들려 하면 손이 멈춘 적 있나요? 컴포넌트는 만들었지만 서비스 구조로 확장하지 못하는 문제, 화면은 그렸지만 사용자 흐름을 설명하지 못하는 문제, 예제는 따라 했지만 기준이 없어 UI가 흐트러지는 문제.
기초만 배우고 끝나는 커리큘럼만 경험하셨다면, 결국 ‘바로 쓸 결과물’은 끝내 만들지 못한채 실무 앞에서 깊은 무력감만 확인하게 됩니다.
SOLUTION
기초라도 실무 기준으로
배워야 흔들리지 않습니다.
단순한 'UI 그려보기' 수업이 아닙니다.
컴포넌트를 Variants와 시스템으로 확장하는 팀의 설계 방식, 화면이 아닌 사용자 중심의 사고, 그리고 개발자가 이해하는 파일 정리법까지 실습합니다. 또한 문제 정의와 해결 기록을 통해 설득력 있는 포트폴리오 제작 방법을 배우게 됩니다.
기초 과정이라도 결과물은 절대로 기초에서 머물지 않습니다. 여러분만의 논리와 구조가 담긴 차별화된 실무형 프로젝트·포트폴리오를 완성을 도와드리겠습니다.
RESULT
이 강의가 끝나면 여러분은,
▪ 막연했던 '사용자 흐름' 분석 → 이제 문제가 어디서 터지는지 한눈에 보입니다.
▪ 컴포넌트 & 디자인 시스템 레퍼런스 찾기 삼매경 → 나만의 기준이 생겨, UI를 매번 새로 만들 필요가 없어집니다.
▪ '어떻게 구성해야하지?' 프로토타입 & 실무 파일 정리 → 기획·디자인·개발팀이 “바로 이해하는” 파일을 만듭니다.
▪ 정작 핵심은 비어 있는 내 포트폴리오… → 리서치·설계·제작 모두 담긴 포트폴리오를 만듭니다.
UIUX.
MEET INSTRUCTOR.
연사 소개
Kim Kyung-Eun.
Product Designer
주요 경력
현) 소상공인 경영관리 앱 Product Designer
전) 에이콘 Product Designer
전) 페이히어 Product Designer
전) 에이전시 서비스기획 및 UX/UI디자이너
전) 커뮤니티앱 서비스기획 및 UX/UI디자이너
안녕하세요,
프로덕트 디자이너 김경은 입니다.
에이전시와 핀테크 스타트업을 거쳐, 현재는 20만 사업자가 사용하는 경영관리 서비스에서 UX·UI 디자인을 담당하고 있습니다. 지난 6년간 신규 서비스 구축부터 기능 개선, 사용자 흐름 설계까지 다양한 프로젝트를 경험하며 사용자의 문제를 더 나은 경험으로 해결하는 디자인에 집중해왔습니다.
이번 강의는 피그마 기초부터 실무에서 바로 쓰는 설계 방식까지 연결하는 실전 중심 커리큘럼입니다. 컴포넌트, 디자인시스템, 사용자 기반 설계, 협업 파일 구성 등 실무를 기준으로 체계적으로 익히게 됩니다. 여러분의 아이디어가 명확한 구조와 논리를 가진 결과물로 완성될 수 있도록 함께하겠습니다.
VIEW PORTFOLIO.
연사 작업물
국내 1위 소상공인 경영관리 앱과
에이콘·페이히어 등
다양한 서비스 영역에서 검증된 실무 경험과 다수의 업계 추천 프로젝트까지 수 많은 기업과 팀이 선택하는 Product Designer 김경은님의 작업물.
이 프로젝트는 분할결제로 인한 사장님들의 번거로움과 실수를 줄이고, 보다 효율적인 결제 경험을 제공하기 위해 시작되었다. 현장에서 반복되는 입력 오류, 계산 부담, 메뉴별 결제의 어려움 등 실사용자의 문제를 심층 조사한 뒤, 실제 POS 사용 맥락에 맞춘 새로운 분할결제 방식을 정의했다. 금액 자동 계산, 회차·수단 명확화, 직접입력·더치페이·메뉴결제를 자유롭게 선택할 수 있는 흐름을 통해 빠르고 정확한 결제가 가능해졌다. 이 프로젝트는 사용자 경험을 중심에 두고 실질적인 업무 효율을 높인 사례로, POS 환경에서의 분할결제 사용성을 새롭게 재해석했다.
CLASS EXAMPLES.
클래스 예제
단순 툴 기능만 익히는 교육이 아닙니다.
피그마를 처음 배우는 단계부터, 실무에서 실제로 사용하는 방식과 사고 과정까지 연결해 드립니다.
예제 01.도형예제
기본 도형·텍스트·레이아웃 도구만으로 버튼·카드·섹션을 만들며 피그마 인터페이스에 손을 풀어 봅니다.
예제 02.랜딩페이지 제작과정
히어로·피처·CTA 섹션을 나누고 그리드·타이포그래피·버튼 스타일을 잡아 실제 서비스용 한 페이지를 완성합니다.
예제 03.Make 사용해보기
피그마 댓글이 노션/슬랙으로 자동 전달되도록 간단한 메이크 시나리오를 만들어 디자인 협업 흐름을 직접 연결해 봅니다.
CLASS FEATURE.
클래스 특징
개성이 드러나는 포트폴리오로
취업 경쟁력을 올려보세요.
프로젝트를 기획 단계부터 디테일하고 탄탄하게 구성하여, 의도를 효과적으로 전달할 수 있도록 도와드리겠습니다.
01. 기초부터 실무까지 자연스럽게 연결되는 피그마 학습
단순 도형 만들기나 툴 기능 소개에서 끝나는 기초 과정이 아닙니다. 기초 UI 스타일링부터 Auto layout, 컴포넌트, 반응형 설계 등 실무에서 바로 쓰는 기능과 사고방식을 함께 배웁니다. 배운 내용을 즉시 실습하고 자신의 작업에 적용할 수 있어, 입문 단계에서도 실무 감각을 빠르게 익히게 되는 구조입니다.
02. 사용자 흐름을 이해하는 UX 설계 기반 학습
화면 한 장을 그리는 디자이너가 아니라, 사용자 흐름을 설계하는 디자이너가 되기 위한 교육입니다. Flow Chart부터 결제 플로우 실습까지, 실제 서비스의 구조를 이해하고 구성하는 경험을 통해 UI를 넘어선 서비스 단위 UX 사고를 기초 단계에서부터 익힐 수 있습니다.
03. 컴포넌트·Variants·디자인 시스템까지 다루는 체계적 실무 문법
초급 과정임에도 실제 팀에서 사용하는 방식 그대로 컴포넌트 설계, Variants 관리, 스타일 가이드, 라이브러리 구축 등 확장 가능한 UI 구조 설계 방법을 배웁니다. 이를 통해 작게 만든 버튼 하나도 시스템적으로 재사용 가능한 자산으로 만들 수 있는 역량을 갖추게 됩니다.
04. 협업 가능한 디자인 파일 구조와 개발 전달 방식 익히기
개발자가 이해할 수 있는 파일 구조 만들기, Dev mode 활용, 버전 관리, 코멘트 기능 등 기초 과정에서 흔히 다루지 않는 실무 협업 능력을 함께 익힙니다. 결과적으로 “피그마를 쓸 줄 아는 수준”을 넘어, 팀과 함께 일할 수 있는 실무형 디자이너의 작업 방식을 체득하게 됩니다.
05. 실전 기반의 미니 프로젝트로 완성하는 포트폴리오
단순히 따라 그리는 결과물이 아니라, 리서치 → 플로우 설계 → UI 제작 → 프로토타입 → 문서화까지 이어지는 실무형 프로젝트 1개를 완성합니다. 이를 통해 자신의 생각과 과정이 보이는, 경쟁력 있는 초급 포트폴리오를 만들 수 있습니다.
06. 실무자 선배의 노하우 공유와 밀착 피드백으로 완성하는 포트폴리오
많은 학생분들의 포트폴리오를 피드백하며 알게된 문제점을 토대로 포트폴리오의 첫 장부터 마지막까지, 섬세한 가이드라인을 제시하고 실무자 멘토들의 밀착 피드백을 통해 제작의 끝까지 함께 합니다.
파일 정리법까지 실습합니다. 또한 문제 정의와 해결 기록을 통해 설득력 있는 포트폴리오 제작 방법을 배우게 됩니다.
기초 과정이라도 결과물은 절대로 기초에서 머물지 않습니다.
여러분만의 논리와 구조가 담긴 차별화된
실무형 프로젝트·포트폴리오를 완성을 도와드리겠습니다.
RESULT
이 강의가 끝나면 여러분은,
▪ 막연했던 '사용자 흐름' 분석
→ 이제 문제가 어디서 터지는지 한눈에 보입니다.
▪ 컴포넌트 & 디자인 시스템 레퍼런스 찾기 삼매경
→ 나만의 기준이 생겨, UI를 매번 새로 만들 필요가 없어집니다.
▪ '어떻게 구성해야하지?'프로토타입 & 실무 파일 정리
→ 기획·디자인·개발팀이 “바로 이해하는” 파일을 만듭니다.
▪ 정작 핵심은 비어 있는 내 포트폴리오…
→ 리서치·설계·제작 모두 담긴 포트폴리오를 만듭니다.
MEET INSTRUCTOR.
연사 소개
Kim Kyung-Eun.
Product Designer
주요 경력
현) 소상공인 경영관리 앱 Product Designer
전) 에이콘 Product Designer
전) 페이히어 Product Designer
전) 에이전시 서비스기획 및 UX/UI디자이너
전) 커뮤니티앱 서비스기획 및 UX/UI디자이너
안녕하세요, 프로덕트 디자이너 김경은 입니다.
에이전시와 핀테크 스타트업을 거쳐, 현재는 20만 사업자가 사용하는 경영관리 서비스에서 UX·UI 디자인을 담당하고 있습니다. 지난 6년간 신규 서비스 구축부터 기능 개선, 사용자 흐름 설계까지 다양한 프로젝트를 경험하며 사용자의 문제를 더 나은 경험으로 해결하는 디자인에 집중해왔습니다.
이번 강의는 피그마 기초부터 실무에서 바로 쓰는 설계 방식까지 연결하는 실전 중심 커리큘럼입니다. 컴포넌트, 디자인시스템, 사용자 기반 설계, 협업 파일 구성 등 실무를 기준으로 체계적으로 익히게 됩니다. 여러분의 아이디어가 명확한 구조와 논리를 가진 결과물로 완성될 수 있도록 함께하겠습니다.
이 프로젝트는 분할결제로 인한 사장님들의 번거로움과 실수를 줄이고, 보다 효율적인 결제 경험을 제공하기 위해 시작되었다. 현장에서 반복되는 입력 오류, 계산 부담, 메뉴별 결제의 어려움 등 실사용자의 문제를 심층 조사한 뒤, 실제 POS 사용 맥락에 맞춘 새로운 분할결제 방식을 정의했다. 금액 자동 계산, 회차·수단 명확화, 직접입력·더치페이·메뉴결제를 자유롭게 선택할 수 있는 흐름을 통해 빠르고 정확한 결제가 가능해졌다. 이 프로젝트는 사용자 경험을 중심에 두고 실질적인 업무 효율을 높인 사례로, POS 환경에서의 분할결제 사용성을 새롭게 재해석했다.
CLASS EXAMPLES.
클래스 예제
단순 툴 기능만 익히는 교육이 아닙니다.
피그마를 처음 배우는 단계부터,
실무에서 실제로 사용하는 방식과 사고 과정까지 연결해 드립니다.
▪ 예제 01.도형예제
기본 도형·텍스트·레이아웃 도구만으로 버튼·카드·섹션을 만들며 피그마 인터페이스에 손을 풀어 봅니다.
▪ 예제 02.랜딩페이지 제작과정
히어로·피처·CTA 섹션을 나누고 그리드·타이포그래피·버튼 스타일을 잡아 실제 서비스용 한 페이지를 완성합니다.
▪ 예제 03.Make 사용해보기
피그마 댓글이 노션/슬랙으로 자동 전달되도록 간단한 메이크 시나리오를 만들어 디자인 협업 흐름을 직접 연결해 봅니다.
CLASS FEATURE.
클래스 특징
개성이 드러나는 포트폴리오로
취업 경쟁력을 올려보세요.
프로젝트를 기획 단계부터 디테일하고 탄탄하게 구성하여,
의도와 생각을 효과적으로 전달할 수 있도록 도와드리겠습니다.
01.기초부터 실무까지 자연스럽게 연결되는 피그마 학습
단순 도형 만들기나 툴 기능 소개에서 끝나는 기초 과정이 아닙니다.
기초 UI 스타일링부터 Auto layout, 컴포넌트, 반응형 설계 등 실무에서 바로 쓰는 기능과 사고방식을 함께 배웁니다.
배운 내용을 즉시 실습하고 자신의 작업에 적용할 수 있어, 입문 단계에서도 실무 감각을 빠르게 익히게 되는 구조입니다.
02. 사용자 흐름을 이해하는 UX 설계 기반 학습
화면 한 장을 그리는 디자이너가 아니라, 사용자 흐름을 설계하는 디자이너가 되기 위한 교육입니다. Flow Chart부터 결제 플로우 실습까지, 실제 서비스의 구조를 이해하고 구성하는 경험을 통해 UI를 넘어선 서비스 단위 UX 사고를 기초 단계에서부터 익힐 수 있습니다.
03.컴포넌트·Variants·디자인 시스템까지 다루는 체계적 실무 문법
초급 과정임에도 실제 팀에서 사용하는 방식 그대로 컴포넌트 설계, Variants 관리, 스타일 가이드, 라이브러리 구축 등 확장 가능한 UI 구조 설계 방법을 배웁니다. 이를 통해 작게 만든 버튼 하나도 시스템적으로 재사용 가능한 자산으로 만들 수 있는 역량을 갖추게 됩니다.
04. 협업 가능한 디자인 파일 구조와 개발 전달 방식 익히기
개발자가 이해할 수 있는 파일 구조 만들기, Dev mode 활용, 버전 관리, 코멘트 기능 등 기초 과정에서 흔히 다루지 않는 실무 협업 능력을 함께 익힙니다. 결과적으로 “피그마를 쓸 줄 아는 수준”을 넘어, 팀과 함께 일할 수 있는 실무형 디자이너의 작업 방식을 체득하게 됩니다.
05.실전 기반의 미니 프로젝트로 완성하는 포트폴리오
단순히 따라 그리는 결과물이 아니라, 리서치 → 플로우 설계 → UI 제작 → 프로토타입 → 문서화까지 이어지는 실무형 프로젝트 1개를 완성합니다. 이를 통해 자신의 생각과 과정이 보이는, 경쟁력 있는 초급 포트폴리오를 만들 수 있습니다.
06. 실무자 선배의 노하우 공유와 밀착 피드백으로 완성하는 포트폴리오
많은 학생분들의 포트폴리오를 피드백하며 알게된 문제점을 토대로 포트폴리오의 첫 장부터 마지막까지, 섬세한 가이드라인을 제시하고 실무자 멘토들의 밀착 피드백을 통해 제작의 끝까지 함께 합니다.
주차별 반복 
