프로덕트 디자인(UX/UI) + AI 바이브코딩
Fast Course 2개월

강의 요약

강의 목표

UX/UI, AI 바이브 코딩까지 AI를 활용해 프로덕트 제작 과정을 빠르게
배우고 UX/UI 포트폴리오 1개를 완성하는 패스트 코스입니다.

강의 구성

강의대상
입문자부터 이직 준비생까지 누구나 가능
강의구성
2개월 (8주)
선행학습
선행 지식 없이도 참여 가능
결과물
AI를 활용한 프로덕트 디자인(UX/UI)
포트폴리오 1개
AI 개발 결과물
앱 프로젝트 1개
강의형태
오프라인
강의일정
모집 일정 참고
강의장소
서울 합정역 도보 2분 / 지도보기

커리큘럼 요약

1개월차
UX 기획과 AI 프로토타입 제작
2개월차
UI 디자인과 포트폴리오 제작
추가 콘텐츠
리메인레이어 이지현 본부장 프로필 사진

제 클래스를 소개할게요

수강신청
리메인레이어 이지현 본부장 프로필 사진

안녕하세요.
이지현입니다.

저는 리메인레이어 에이전시에서 본부장을 맡으며 팀원들과 다양한
프로덕트를 함께 만들어왔어요. 팀에는 시니어부터 신입까지 다양한
동료가 있는데요.

그중에서도 신입 디자이너들이 프로덕트 디자인(UX/UI)을 하기위해
어떤 역량과 태도를 갖춰야 하는지 현장에서 지켜보며 고민해왔어요.

그래서 이 과정은 우리 팀의 신입 디자이너가 수강한다면 실제로 도움이
될까?라는 질문에서 출발했고 실무에 바로 연결되는 경험과 기준을 담기
위해 노력했어요.

그럼 이런 관점에서 커리큘럼을 어떻게 구성했는지,
지금부터 하나씩 자세히 이야기해볼게요.

대표 이력

  • 현) 리메인레이어 본부장
  • 홍익대학교 디지털미디어 학사
  • 홍익대학교 인터렉션 디자인 석사

대표 프로젝트

  • 롯데 이브이시스 UX/UI 개편
  • 이스타항공 UX/UI 개편
  • KT 지니에어 UX/UI 개편
  • 기타 다수 진행

이력 소개

본부장으로 근무하고 있는 프로덕트 디자인(UX/UI)
전문 에이전시 리메인레이어를 소개할께요.

저는 리메인레이어의 창립 멤버로 10년 넘게 회사를 성장시키며 이스타항공, 파라타항공,
현대자동차, 롯데, LG, KT 등 다양한 빅 클라이언트들과 디지털 프로덕트를 제작해 왔어요.

커리큘럼 장점

교과서적인 프로덕트 디자인(UX/UI) 이론이 아닌,
실무 프로젝트 사례로 배우는 수업을 준비했어요.

항공사 UX/UI 개편 프로젝트를 통해 UX 리서치, 사용자 조사, 사용성 테스트가 실무에서 실제로 어떻게 진행되는지 생생한 사례로 보여드리고 대규모 프로젝트에서 구축한 디자인 시스템부터 AI 바이브 코딩까지, 실무 현장의 다양한 사례를 함께 다룰꺼에요.

  • 파라다이스호텔 프로덕트 디자인 사례
  • 현대자동차 프로덕트 디자인 사례
  • 파라타항공 로고가 표시된 항공기 꼬리날개
  • 이스타항공 로고가 표시된 항공기 날개
  • 전기차 충전소 이브시스 프로덕트 디자인 사례
  • 울쎄라 프로덕트 디자인 사례
수강생들이 노트북으로 협업하며 프로젝트를 논의하는 모습

에이전시에서 진행했던
사례로 수업 진행

커리큘럼 핵심

혼자서는 채울 수 없는 완성도,
오프라인 1:1 피드백으로 직접 채워드려요.

내 작업물이 어느 방향으로 가야 하는지, 무엇을 더 다듬어야 하는지, 혼자 판단하는 건 생각보다 훨씬 어려운 일이에요. 강사와 직접 마주앉아 작업물을 함께 보며 방향을 잡고, 디테일 하나하나를 함께 완성해가는 시간이 필요해요. 그 밀도 있는 피드백이 포트폴리오의 완성도를 만들어줘요.

수강 특별 혜택

수료 후, 리메인레이어 에이전시에서 인턴으로
실무 경력을 쌓을 수 있는 기회를 제공해요.

취업 경쟁력을 만들어 드리기 위해 고민 끝에, 제가 직접 운영하는 에이전시에서 인턴으로 근무할 수 있는 기회를 특별 혜택으로 준비했어요. 실제 실무 경험과 이력이 생기는 만큼, 현장에서 바로 통하는 경쟁력을 갖출 수 있을 거예요.

*우수학생으로 선발 시 인턴 기회가 제공 됩니다.

리메인레이어 로고가 걸린 에이전시 사무실 로비
손에 든 스마트폰에 표시된 현대자동차 아이오닉 5 모바일 화면 해안 도로를 달리는 아이오닉 5와 HYUNDAI EV 타이틀

현재 업계 현황은

AI가 바꾸는 프로덕트 디자인(UX/UI) 현장,
지금 준비하지 않으면 뒤처질 수 있어요.

AI를 다루는 프로덕트 디자이너(UX/UI)와
그렇지 않은 디자이너, 격차는 이미 벌어지고 있어요.

AI의 등장으로 UX 기획부터 UI 디자인까지, 프로덕트 디자이너(UX/UI)가 일하는 방식은 빠르게 바뀌고 있어요. 저는 현재 이스타항공, 라라스윗 등 다양한 프로젝트를 진행하며 실제 업무 전반에 AI를 활용하고 있어요.

이번 과정에서는 이러한 실무 프로젝트를 바탕으로, 문제를 정의하는 UX 단계부터 화면을 구체화하는 UI 디자인 단계까지 AI와 어떻게 협업하는지 보여드릴꺼에요. 단순히 AI 툴을 나열하는 것이 아니라, 각 단계에서 어떤 도구를 선택하고 어떤 기준으로 결과물을 판단하는지까지 함께 다룰꺼에요.

이 과정을 통해 AI 활용 방식을 깊이 이해하고, AI와 협업하며 문제를 해결해나가는 사고 과정까지 담은 경쟁력 있는 포트폴리오를 완성할꺼에요.

AI 에이전트가 데스크 리서치 전 과정을 자동화하고,
최종 리포트까지 생성

AI 워크플로우

기존 실무 업무가
AI로 이렇게 바뀌었어요.

프로덕트 디자인 업무가 AI 도입 전후로 어떻게 바뀌었는지 UX 기획, UI 디자인, 퍼블리싱 영역별로 비교한 표
UX 기획 UI 디자인 퍼블리싱
기존 사용자 문제를 발견하기 위해 리서치 자료와 데이터를 직접 수집하고, 이를 정리·분석하는 데 많은 시간이 필요했어요. 디자인 시스템의 컴포넌트와 화면을 디자이너가 하나씩 설계하고 제작해야 했어요. 디자이너가 전달한 화면을 퍼블리셔 또는 개발자가 HTML·CSS로 하나씩 구현했어요.
변경

AI 에이전트로 리서치 자료를 빠르게 요약·분류하고, 반복적으로 나타나는 사용자 니즈와 문제 가설을 효율적으로 탐색해요.

AI 에이전트가 리서치 자료를 요약하고 분류한 화면 스크린샷

AI 에이전트로 디자인 시스템과 UI 시안을 빠르게 만들고, 여러 디자인 대안을 효율적으로 비교할 수 있어요.

AI로 제작한 디자인 시스템과 여러 UI 시안을 비교하는 화면

퍼블리셔 없이 디자이너가 노코드·AI 도구를 활용해 직접 화면을 구현하고, 결과를 빠르게 확인할 수 있게 되었어요.

디자이너가 노코드·AI 도구로 직접 구현한 화면 결과물

AI 수업

실무에 바로 쓰이는 AI 기술,
단계별로 알려드릴게요.

UX 기획, UI 디자인, 개발 구현까지 프로덕트 디자인(UX/UI)
전 과정에서 AI를 어떻게 활용하는지 알려드릴게요.

AI로 UX 기획에 필요한
데이터 수집 및 분석하기
클로드코드로 피그마 MCP를 연결해
디자인시스템 제작부터 화면 제작하기
클로드코드를 활용해
피그마로 만든 UI 디자인 바이브코딩하기
전기차 충전기 앞에서 손에 든 스마트폰에 표시된 이브이시스 앱 시작 화면 노란색 이브이시스 캐노피가 설치된 전기차 충전소 전경

커리큘럼 구조

월별 주요 수업

  1. 사전개강: 피그마 사전개강
  2. 1개월차: UX 기획 · 업계 AI 현황 · AI 바이브코딩 · 1:1 멘토링 · M1 - 1:1 피드백
  3. 2개월차: UI 디자인 · 포트폴리오 제작 · 모의 PT 준비 · 포트폴리오 전략 · M2 - 1:1 피드백
  4. 수료: 수업 연계 · 면접 준비 지원 · 취업 연계

피그마 사전개강

툴 때문에 수업에 차질이
생기지 않도록 기초 강의를
미리 제공해요.

기초 강의를 숙지하고 수업에 참여하면 툴 때문에 수업에 차질이 생기는 일은 없어요.

* 이미 피그마를 다룰 수 있다면 수강하지 않아도 돼요

피그마 파일 생성부터
완전 기초를 차근차근 시작해요
앱, 웹 샘플 디자인을 따라하며
피그마를 자연스럽게 익혀요.

1개월차

UX 기획부터
AI 프로토타입 검증까지

AI와 대화하며 밀리의서재 KPI를 정리한 UX 데스크 리서치 결과 화면

UX 기획 · 리서치

기업에서 선호하는 프로젝트 주제를 선정하고, 실제 UX/UI 프로젝트가 진행되는 과정을 배워요. 데스크리서치부터 설문·인터뷰까지 직접 진행하고, AI와 MCP를 활용해 시장과 사용자 데이터를 빠르게 수집하고 인사이트로 정리하는 방법까지 익혀요.

문제 정의 · UX 전략

수집한 리서치를 단순히 정리하는 데서 끝내지 않고 사용자의 Pain Point와 Needs를 발견해요. 사용자 모델링과 서비스 기회 도출을 통해 왜 이 문제를 해결해야 하는지, 어떤 기능이 필요한지 설득할 수 있는 UX 논리를 만들어요.

AI 에이전트로 작성한 코드와 그 코드로 구현한 향수 커머스 앱 프로토타입 화면

UX 설계 · AI 바이브코딩

정의한 기능을 실제 화면 구조와 와이어프레임으로 구체화해요. 이후 Claude Code와 AI Agent를 활용해 와이어프레임을 실제로 동작하는 프로토타입으로 구현하며, 디자이너가 AI와 협업하는 바이브코딩 방식까지 경험해요.

프로토타입 검증 · 실무 UX 문서

직접 구현한 프로토타입으로 사용성 테스트를 진행하고, 사용자의 행동과 피드백을 바탕으로 UX를 개선해요. 최종적으로 IA, User Flow, 화면정의서, 기능명세서 등 실제 회사에서 사용하는 UX 문서까지 제작하며 기획을 실무 산출물로 완성해요.

2개월차

UI 디자인과
포트폴리오 완성

대시보드 UI 화면 위에 요소 간 간격 규칙을 표시한 디자인 화면

UI 원칙 · 컨셉 설계

Apple Human Interface Guidelines와 Google Material Design을 기반으로 사용성에 영향을 미치는 UI 규칙을 배워요. 간격·폰트·컬러·구조의 타당성을 이해하고, 브랜드 아이덴티티와 레퍼런스를 분석해 프로젝트에 맞는 UI 컨셉과 Tone & Manner를 설정해요.

와이어프레임과 UI 화면을 단계별로 나열해 전체 화면을 완성해 가는 디자인 작업 화면

디자인시스템 · UI 완성

프로젝트 전체에 동일하게 적용할 Spacing, Typography, Color 규칙을 정리하고 버튼·입력창·카드 등 핵심 컴포넌트를 제작해요. 만들어진 디자인시스템을 바탕으로 와이어프레임을 최종 UI로 발전시키고 전체 화면까지 일관성 있게 완성해요.

NEW EVSIS 타이틀 앞에서 손에 든 스마트폰에 이브이시스 앱을 보여주는 포트폴리오 이미지

포트폴리오 기획 · 디자인

기업이 UX/UI 포트폴리오에서 실제로 확인하는 기준을 이해하고, 프로젝트의 핵심 문제와 해결 과정을 하나의 스토리로 구성해요. 단순히 내용을 정리하는 데서 끝나지 않고 포트폴리오 컨셉부터 페이지 구성, Mockup, 레이아웃까지 직접 디자인해 제출 가능한 결과물로 완성해요.

설문 항목별 응답 비율 그래프와 분석 내용을 정리한 실무 프로젝트 문서 화면

실무 프로젝트 인사이드 · 취업 준비

실제 회사 프로젝트의 기획·디자인 프로세스와 실무에서 사용된 문서·산출물을 직접 살펴보며 수업 프로젝트와 현업 프로젝트가 어떻게 다른지 확인해요. 이후 포트폴리오 리뷰, UX/UI 면접 질문별 답변 가이드와 취업 지원 안내까지 진행하며 과정을 마무리해요.

수료

수업 연계와

면접 준비 지원

어드밴스드 코스로 이어지는 커튼과 나뭇가지가 있는 공간을 배경으로 한 이미지

수업 연계

4개월 과정에서 만든 포트폴리오를 더 고도화하고 싶다면 심화 과정인 어드밴스드 코스로 연계해드려요. 수료 후 바로 이어서 수강할 수 있도록 안내드려요.

면접 준비 지원

지원한 회사가 어떤 곳인지, 어떤 역량을 요구하는지 직무 분석을 해드려요. 그 결과를 바탕으로 면접을 어떻게 준비해야 하는지 개인별로 맞춤 지원해드려요.

취업 연계

취업 연계 기업 사무실에서 함께 일하는 팀원들의 모습 취업 연계 기업에서 실무 경력을 쌓고 있는 수강생의 모습

취업 연계

리메인커리어의 커리큘럼과 수강생 수준을 인정한 기업들이 취업 연계 파트너로 함께하고 있어요.
과정 수료 후 연계 기업에 취업할 수 있도록 도와드리고, 실무 경력을 쌓을 수 있는 기회까지 연결해드려요.

커리큘럼 전체 보기

UX 기획

1-1UX/UI 실무 프로젝트 프로세스 이해
1-2UX와 UI 디자인의 역할 및 차이 이해
1-3프로젝트 목표 및 문제 영역 설정 방법
1-4프로젝트의 문제를 UX 관점으로 정의하는 방법
1-5프로젝트 일정 및 산출물 계획 수립
1-6기업에서 선호하는 포트폴리오 프로젝트 주제 선정 방법
1-7취업 성공 수강생 UX/UI 프로젝트 사례 공유
2-1프로젝트 방향을 잡아주는 데스크리서치 방법
2-2프로젝트에 필요한 UX 리서치 방법론 선택하기
2-3시장과 사용자 관점에서 리서치 범위 설정하기
2-4데스크리서치 및 시장·서비스 분석 방법
2-5AI를 활용한 UX 리서치 프롬프트 작성 방법
2-6Claude와 notion MCP 연결하기
2-7AI를 활용한 시장·사용자 리서치 리포트 제작
2-8실제 인사이트가 나오는 데이터 수집 방법 (설문조사,인터뷰 등)
2-9흩어진 리서치 데이터를 인사이트로 만드는 방법
3-1리서치 결과에서 핵심 문제를 뽑아내는 방법
3-2사용자의 Pain Point와 Needs 정의하기
3-3정의된 내용으로 서비스 기회로 전환하는 방법
3-4보여주기식 페르소나가 아닌 실제 사용자 모델링 방법
3-5비지니스와 연결되는 핵심 기능을 정의하는 방법
3-6설득되는 UX 논리 만들기
4-1리서치부터 기능 정의까지 프로젝트 논리 점검
4-2UX 프로젝트를 설득력 있게 발표하는 방법
4-3실무 관점의 프로젝트 방향성 리뷰
4-4피드백을 반영한 UX 방향 보완

UX 설계 · AI 바이브코딩

5-1UI 디자인 전에 반드시 결정해야 하는 UX 요소
5-2핵심 기능을 실제 화면 단위로 구체화하는 방법
5-3사용성을 고려한 화면 구조 설계 방법
5-4기능을 화면으로 구체화하는 와이어프레임 제작 방법
5-5실제 프로토타입 구현을 고려한 와이어프레임 설계 방법
6-1Chat AI와 AI Agent는 무엇이 다른가?
6-2디자이너가 바이브코딩을 알아야 하는 이유
6-3Claude Code 설치 및 기본 개발 환경 세팅
6-4Claude Code의 프로젝트·파일 구조 이해하기
6-5MD 문서를 활용해 프로젝트 규칙과 요구사항 정의하기
6-6AI에게 반복 설명하지 않는 프로젝트 Context 설계 방법
6-7와이어프레임을 Claude Code 프로젝트로 제작하는 방법
6-8Figma 화면을 기반으로 UI를 구현하는 프롬프트 작성법
6-9페이지와 컴포넌트 구조를 AI와 함께 설계하는 방법
6-10화면 간 이동과 사용자 Flow 구현하기
6-11Mock Data를 활용해 실제 서비스처럼 구현하는 방법
6-12구현 화면과 사용성의 차이를 찾아 수정하는 방법
7-1Claude Code 프로토타입을 활용한 UX 검증 방법
7-2사용성 테스트에서 검증해야 할 핵심 가설 설정하기
7-3실제 행동을 확인할 수 있는 UT Task 작성 방법
7-4포토그래피 디자인시스템 제작
7-5사용자 테스트 시나리오 설계 방법
7-6실제 사용자를 대상으로 프로토타입 테스트 진행하기
7-7AI로 UX 데이터 뽑는 방법
7-8사용자 행동과 피드백을 데이터로 정리하는 방법
7-9UT 결과를 실제 UX 개선안으로 연결하는 방법
8-1Must / Should / Could로 기능 우선순위 정하기
8-2기능 간 관계와 서비스 구조 정리 방법
8-3복잡한 서비스를 한눈에 정리하는 IA 설계 방법
8-4사용자의 행동 흐름을 설계하는 User Flow 제작
8-5최종 화면과 기능을 연결하는 화면정의서 작성 방법
8-6화면별 기능·정책·예외 케이스 정리 방법
8-7실무에서 쓰이는 기능명세서 작성 방법

자주 묻는 질문

실제 수강생들이 인증한
찐 카톡 후기

수강생분들의 속마음이 담긴
솔직한 블로그 후기

리메인커리어만의 특별한
수강 혜택

  • 리메인레이어 에이전시 인턴 근무 현장 모습

    리메인레이어 에이전시,
    인턴 기회 제공

    일반적인 학원에서는 제공하기 어려운 강력한 경쟁력을 만들어드리고 싶었어요.
    그래서 제가 운영하는 리메인레이어 에이전시에서 인턴으로 실무를 경험할 기회를
    제공하고 있어요. 우수 학생으로 선발되면 실제 프로젝트에 참여하며 실무 경험을
    쌓을 수 있어, 다른 지원자들과 차별화된 경쟁력을 갖출 수 있어요.

  • 강사가 수강생과 1:1로 포트폴리오를 멘토링하는 모습

    1:1 멘토링을 통해
    개인에 맞는 포트폴리오 전략 제안

    비전공자·직무 전환자라면, 전공자와 같은 방식보다 나만의 경험에서
    차별점을 찾는 것이 중요해요. 전공·경력·관심사를 바탕으로 강점을 발견하고,
    나만의 이야기가 담긴 포트폴리오 방향을 함께 설계해요.

  • 온라인 VOD 강의 화면

    온라인 VOD 제공

    바쁜 일상 속에서 오프라인 수업을 놓쳤더라도,
    온라인으로 언제든 다시 볼 수 있어요.

  • 합격한 수강생의 포트폴리오 예시 화면

    실제 합격한 포트폴리오 열람

    합격과 불합격 사례를 분석해, 포트폴리오의
    방향성과 완성도를 한 단계 끌어올릴 수 있어요.

  • 카카오톡 오픈채팅방 커뮤니티 화면

    오픈채팅방 커뮤니티 운영

    동료 수강생과 현직자 강사님이 함께 있는 공간에서,
    질문과 피드백을 실시간으로 주고받을 수 있어요.

  • 실무에서 사용하는 디자인 템플릿 화면

    실무 템플릿 무료 제공

    실무에서 사용하고있는 템플릿과 자료를,
    바로 활용할 수 있도록 그대로 제공해 드려요.

연관된 코스

  • Full Course

    4개월

    2개월 코스와 커리큘럼 구조는 동일하지만 디자인을 더 심도있게 배울 수 있는 코스.

    코스 보기
  • Advanced Course

    기간 개인맞춤

    정규 과정에서 익힌 UX/UI 역량을 바탕으로, 포트폴리오의
    완성도와 취업 경쟁력을 높이는 개인 맞춤형 코스.

    코스 보기