프로덕트 제작 시 놓치기 쉬운 이미지 처리 가이드

UT(사용성 테스트)와 사용자 인터뷰를 하면 좋은 것은 알지만 막상 어떻게 해야할지 모르겠다면 이 강의로 자신감을 얻어가세요!

AI 기술과 UX 디자인이 결합하는 AX 시대, 제품팀은 어떤 전략으로 고객 경험을 설계해야 할까요? 17년차 대기업 책임연구원이자, HCI 박사 출신의 지식공유자가 최신 트렌드와 활용 사례, 연구 결과를 기반으로 알려 드립니다.

이 강의는 디자인 QA를 단순한 검수가 아닌 ‘제품 완성도를 설계하는 과정’으로 재정의합니다. 화면·상태·플로우 기준을 체계화하고, 디자인 시스템과 연결된 실전 QA 사고법을 통해 반복 수정을 줄이고 기준으로 소통하는 방법을 제시합니다.

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

피그마UI3버전으로 기초부터 실무까지 체계적이면서 쉽고 빠르게 완강하실 수 있도록 구성되었습니다.

기능 개발이 아니라 문제 정의 · 선택 · 실행 리듬을 다시 설계하는 실무 중심 강의입니다. 실무 PO/PM, 리드 PM, 조직 내 교육을 고민하는 분들을 대상으로 합니다.

이 강의에서는 AI 프로덕트를 기획하고 디자인할 때 필요한 UX 원칙과 실전 노하우에 대해 알려드립니다. 사용자 가치 중심의 AI 활용법, AI를 활용한 UX 기획 및 디자인 방법, 일상 속 디자인 사례를 통해 알아보는 핵심 UX 원칙과 이론, 더 나은 경험을 제공하기 위한 UX 리서치 및 데이터 분석법에 대해 살펴봅니다.

이 책은 초급을 넘어서 중상급자가 되려는 UX 기획자라면 꼭 읽어야 할 UX 고전입니다. 경험을 디자인한다는 것이 무엇인지, 제품 목표와 사용자 요구에서 출발한 UX 전략이 실제 디자인으로 어떻게 이어지는지를 다섯 층위로 설명합니다.

초안은 AI가, 판단과 다듬기는 내가. 피그마 무료 요금제와 무료 AI 도구로 세탁 픽업 앱의 화면 한 벌을 기획하고, 눌러 보는 프로토타입과 개발자에게 넘길 기능정의까지 만듭니다.

리서치 자동화부터 백엔드 데이터 연동, 나아가 실제 라이브 동적 웹을 배포하는 과정까지 함께 다루며 개인이 제품의 전체 생애 주기를 주도적으로 이끌 수 있는 풀스택 관점을 기르는 데 목적이 있습니다. AI 시대 경쟁력을 강화하고 싶은 분들께 생각을 현실화 하는 강력한 엔진으로 활용하는 힘을 드립니다.

데이터 분석가도 없고 유저 리서처도 없는 작은 스타트업을 일곱 군데나 다니며 다양하게 삽질을 했습니다. UX를 설계하는 사람이 겪을 수 있는 여러 가지 현실적인 어려움과 그 어려움을 헤쳐나가는 과정에서 얻은 진한 인사이트를 공유할게요.

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

문제 정의부터 리서치 정리, 아이데이션, 프로토타이핑까지! AI를 실전 파트너로 활용해 완성도 높은 UX/UI 포트폴리오를 빠르게 만들어봅니다. 최신 AI 툴은 물론, 실무에서 꾸준히 쓰이는 검증된 툴까지 프로젝트에 맞게 전략적으로 활용할 수 있습니다.

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

서자영 님, 키키 님, 강영화 님이 그동안 커리어에서 겪은 사례를 바탕으로 셀프 성장법과 소프트 스킬에 대해 이야기해요.

저희 '실제현업 방식'이며, 회사에 입사하는 기획자와 개발자의 '온보딩용 영상' 공개합니다. 디자이너 없이 서비스 화면 디자인을 한 후, Figma를 몰라도 화면 UX Flow를 만들어서, 프로토타입하는 방법을 알려줍니다. 저희 회사가 서비스 기획시 빠르게 프로토타입하여, 빠른 의사결정과 필요 기능 Fix를 하고, 프론트엔드 개발에 사용할수 있도록 하여, 생산성을 극대화 하여 일을 하고 있습니다. 반응이 좋으면, "현업방식" 다른 강의도 올리겠습니다.

IR Deck을 만들었지만 “설득이 약하다”는 피드백을 받아본 적이 있으신가요? 대부분의 문제는 디자인이 아니라 메시지 구조에 있습니다. 실제 IR Deck 설계 경험을 바탕으로 투자자 관점의 흐름 설계 기준을 정리했습니다. 비주얼을 넘어 구조를 설계하는 실무형 디자이너로 성장하기 위한 수업입니다.

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

이 책은 기획자는 물론 개발자들도 세계적으로 널리 읽은 UX 고전입니다. 다른 책처럼 복잡한 이론이나 용어 설명에 머물지 않고, “사용자를 생각하게 하지 마!”라는 간결한 원칙을 중심으로 사용성의 핵심과 웹사이트 설계 방법을 구체적인 사례로 풀어냅니다.