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

강의 요약

강의 목표

AI를 활용한 디자인 시스템부터 UX/UI, AI 바이브 코딩까지, 프로덕트 제작의
전 과정을 배우고 UX/UI 포트폴리오 2개를 완성하는 풀 코스입니다.

강의 구성

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

커리큘럼 요약

1개월차
디자인시스템
2개월차
브랜드 디자인과 UI 디자인
3개월차
비즈니스 맥락의 UX 기획
4개월차
AI 바이브코딩
추가 콘텐츠
리메인커리어 김준우 강사 프로필 사진

제 클래스를 소개할게요

수강신청
리메인커리어 김준우 강사 프로필 사진

안녕하세요.
김준우 입니다.

저는 디지털 에이전시 리메인레이어와 교육 브랜드 리메인커리어를
운영하며, 현업에서 프로젝트를 리드하며 활동하고 있어요.

현장에서 프로젝트를 만들고 디자이너의 성장을 가까이에서 지켜보며
한 가지를 자주 느꼈어요. 포트폴리오를 만든다는 것은 결국 현업에서
일할 수 있음을 증명한다는 거에요.

그래서 포트폴리오를 만드는 과정에서는 결과물만이 아니라 현업에서
실제로 일하기 위해 필요한 지식과 사고방식도 함께 익혀야 해요.

이러한 생각을 바탕으로 커리큘럼을 어떻게 구성했는지,
각 단계에 어떤 고민을 담았는지 지금부터 하나씩 이야기해볼게요.

대표 이력

  • 현) 리메인커리어 대표
  • 현) 리메인레이어 대표
  • 홍익대학교 디자인과 학사

대표 프로젝트

  • 이스타항공 UX/UI 개편
  • 현대자동차 EV 글로벌 UX/UI 개편
  • 파라타항공 브랜드 사이트 구축
  • 기타 다수 진행

이력 소개

제가 운영하고 있는 프로덕트 디자인(UX/UI)
전문 에이전시 리메인레이어를 소개할게요.

리메인레이어는 프로덕트 디자인(UX/UI)과 BX를 전문으로 제작하는 에이전시에요. 2012년 1월 2일 시작해 롯데, KT, LG, 이스타항공, 현대자동차 등 다양한 빅 클라이언트와 프로덕트를 만들어왔어요.

커리큘럼 장점

에이전시에서 진행했던 프로덕트 디자인(UX/UI)
사례를 가지고 수업을 진행할 거예요.

이스타항공의 예약부터 결제까지 이어지는 UX를 어떻게 설계했는지, 롯데 계열사 이브이시스의 브랜드 아이덴티티를 UI 디자인 전반에 어떻게 일관되게 적용했는지, AI 바이브코딩을 활용해 라라스윗의 디자인 시스템을 어떻게 구축했는지 알려드릴께요.

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

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

커리큘럼 핵심

수강생 포트폴리오가 높은 퀄리티로 완성되려면
반드시 오프라인에서 1:1 피드백을 심도있게
받아야 해요.

수강생분들은 만들 결과물을 어떤 방향과 과정으로 완성해야 할지 막막해서 어려움을 겪는 경우가 많아요. 그래서 오프라인에서 1:1로 직접 만나, 작업의 방향부터 디테일까지 밀도 있게 함께 호흡해야 해요. 그래야 높은 완성도의 포트폴리오를 만들어낼 수 있어요.

수강 특별 혜택

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

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

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

리메인레이어 에이전시에서 인턴으로 실무 경력을 쌓는 모습
브라우저 화면 목업으로 보여주는 테클라(TEKLA) 브랜드 소개 웹사이트 디자인 스크롤 화면 책상 위에 놓인 노트북 화면에 표시된 테클라(TEKLA) 브랜드 웹사이트 메인 화면

현재 업계 현황은

AI로 인해 프로덕트 디자이너(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 수업

프로덕트 디자이너(UX/UI)에게 꼭 필요한
AI 기술을 알려드릴께요.

UX 기획부터 UI 디자인 그리고 퍼블리싱 영역까지 AI를 이용해 어떻게 프로덕트 디자인(UX/UI)를 제작할 수 있는지 알려드릴께요.

AI로 UX 기획에 필요한
데이터 수집 및 분석하기
클로드코드로 피그마 MCP를 연결해
디자인시스템 제작부터 화면 제작하기
클로드코드를 활용해
피그마로 만든 UI 디자인 바이브코딩하기
침대 위에 놓인 브라우저 화면에 표시된 테클라(TEKLA) 브랜드 웹사이트의 상품 상세 화면 노트북 화면에 표시된 테클라(TEKLA) 브랜드 온라인 스토어의 상품 옵션 선택 화면

커리큘럼 구조

월별 주요 수업

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

피그마 사전개강

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

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

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

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

1개월차

1:1 멘토링과
포트폴리오 전략

여러 대의 스마트폰 화면에 담긴 포트폴리오 프로젝트 목업 이미지

1:1 멘토링

서류에서 탈락하는 가장 흔한 이유는 비슷비슷한 포트폴리오 때문이에요. 차별화된 포트폴리오를 만들려면 나만의 이야기가 담겨야 해요. 1:1 멘토링을 통해 어떤 이야기를 담을 수 있는지 함께 진단하고 방향을 잡아드려요.

스마트폰으로 커머스 앱 UI 화면을 촬영하는 손

포트폴리오 전략

실무에서 UX와 UI는 엄연히 다른 업무예요. 면접에서 프로덕트 디자이너로서 역량을 보여주려면 UX와 UI를 각각 명확하게 전달할 수 있어야 해요. 프로젝트 시작 전, 포트폴리오를 실무 관점에서 어떻게 만들어갈지 전략을 세워드려요.

디자인시스템과
업계 AI 현황

버튼 컴포넌트의 배경, 텍스트 스타일 등 속성을 정리한 디자인시스템 화면

디자인시스템

해상도, 그리드시스템, 타이포그래피, 아이콘, 컬러, 간격 등 디자인을 구성하는 핵심 요소들을 원리부터 시스템 제작과 실무 활용까지 심도 있게 학습해요.

놀란 표정으로 두 손을 들고 있는 남성과 OpenAI 로고가 보이는 AI 업계 뉴스 화면

업계 AI 현황

AI로 인해 프로덕트 디자인(UX/UI) 업계가 어떻게 변화하고 있는지 트렌드를 짚어드리고, 실무에서 요구되는 수준의 AI 활용을 포트폴리오에 어떻게 적용해야 하는지 알려드려요.

2개월차

UI 디자인과
브랜드 디자인 이해

이메일, 캘린더 등 앱 UI가 보이는 스마트폰을 자동차 안에서 손에 쥐고 촬영하는 모습

UI 디자인

UI 디자인은 반드시 브랜드 아이덴티티를 기반으로 제작해야 해요. 브랜드 아이덴티티를 UI 디자인에 어떻게 녹여내는지, 디자인 전략을 세우는 방법부터 함께 알려드려요.

브랜드 디자인 이해

UI 디자인은 브랜드 디자인에 종속되어 있어요. 그래서 UI를 제작하기 전에 브랜드 체계를 이해하고 그 체계에 맞게 작업하는 것이 중요해요. 브랜드 아이덴티티가 무엇인지, 어떤 구조로 이루어져 있는지부터 함께 배워요.

3개월차

UX 기획과
비즈니스 이해

사용자 리서치 데이터와 통계 그래프가 정리된 UX 기획 문서 화면

UX 기획

실무에서 요구되는 UX는 사용자 문제 해결에서 그치지 않아요. 그 해결이 비즈니스에 어떤 이점을 주는지까지 설명할 수 있어야 해요. 그래서 UX 수업에서는 비즈니스 맥락 안에서 사용성을 어떻게 연결하고 설득하는지 배워요.

비즈니스 이해

UX와 UI는 기업이 수익을 내기 위한 업무의 일부예요. 그래서 프로덕트 디자인을 공부할 때는 비즈니스 관점을 함께 이해하고, 그것이 UX와 UI에 어떻게 연결되는지 배워요.

4개월차

AI 바이브코딩과

포트폴리오 제작

AI 바이브코딩

AI 에이전트를 활용해 피그마로 구현한 화면을 바이브코딩으로 직접 만들고 서버에 배포까지 해봐요. 개발 환경에 대한 이해를 높이고, 개발자와 원활하게 커뮤니케이션할 수 있는 역량까지 함께 키워요.

노트북과 스마트폰 화면에 완성된 포트폴리오 페이지가 나란히 보이는 모습

포트폴리오 제작

UX 관점의 프로젝트와 UI 관점의 프로젝트를 각각 포트폴리오로 만들어요. 포트폴리오를 제작할 때는 판형을 어떻게 잡아야 하는지, 그리고 어떻게 내용을 구성해야하는 원리부터 형태까지 함께 짚어드려요.

모의 PT 준비와

결과물 진단

모의 PT 준비

대면 면접에서 면접관은 포트폴리오를 어떤 관점으로 만들었는지 확인하기 위해 직접 프레젠테이션을 요청하는 경우가 많아요. 수업에서 만든 포트폴리오를 바탕으로 실제 면접 상황을 가정해 PT 준비를 함께해요.

4개월간 완성한 여러 포트폴리오 결과물을 모아 놓은 화면 모음

결과물 진단

4개월 동안 만든 포트폴리오가 취업 가능한 수준인지 판단해드려요. 아직 부족하다면 원인을 파악하고 무엇을 어떻게 보강해야 하는지 개인별로 멘토링 해드려요.

수료

수업 연계와

면접 준비 지원

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

수업 연계

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

면접 준비 지원

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

취업 연계

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

취업 연계

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

커리큘럼 전체 보기

1-1오리엔테이션
1-2프로덕트 디자이너(UX/UI)가 취업하는 회사 종류
1-3디지털 프로덕트와 UX/UI 관계 이해
1-4프로덕트 디자이너와 UX/UI 디자이너 차이
1-5브랜드 디자인과 UI 디자인의 체계
2-1해상도와 브레이크포인트 이해
2-2브레이크포인트 디자인시스템 제작하기
2-3그리드시스템과 컬럼 이해
2-4반응형 그리드시스템 이해
2-5그리드시스템 디자인시스템 제작하기
3-1웹이 동작하는 원리 이해 (서버, 브라우저, 캐쉬 등)
3-2폰트 파일이 동작하는 원리
3-3시스템 폰트와 웹 폰트 이해
3-4웹 폰트 확장자 이해
3-5폰트의 완성형과 조합형 이해
3-6웹 폰트 사용법
4-1폰트 크기 개념 이해
4-2정보 디자인 이해
4-3폰트 크기 사용 방법
4-4폰트 행간 사용 방법
4-5폰트 길이 지정 방법
4-6타이포그래피 디자인시스템 제작
5-1아이콘 제작 시 기준점 이해하기
5-2메테리얼 아이콘 이해
5-3아이콘 제작 방법
5-4아이콘 착시 교정 방법
5-5아이콘 테마 이해
5-6아이콘 디자인시스템 제작
6-1비트맵과 벡터 데이터가 동작하는 원리
6-2고밀도 해상도 개념
6-3dp 단위와 pt 단위 이해하기
6-4아이콘 착시 교정 방법
6-52x 디자인을 하는 이유와 방법
7-1프론트 오피스와 백 오피스 이해
7-2이미지 비율 제작 방법
7-3이미지 디자인시스템 제작
8-1최소 해상도의 높이 값 이해
8-2콘텐츠 높이 이해
8-3헤더, 배너, 섹션 레이아웃 높이 잡는 방법

자주 묻는 질문

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

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

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

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

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

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

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

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

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

  • 온라인 VOD 강의 화면

    온라인 VOD 제공

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

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

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

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

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

    오픈채팅방 커뮤니티 운영

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

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

    실무 템플릿 무료 제공

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

연관된 코스

  • Fast Course

    2개월

    Zero부터 디자인 포트폴리오까지 가장 빠르게
    끝내는 프로덕트 디자인(UX/UI) 코스.

    코스 보기
  • Advanced Course

    기간 개인맞춤

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

    코스 보기