어랏대표 류채은 Details
브랜드와 아이디어를 실제 웹사이트로 만드는,
AI 웹 제작의 모든 것
얼리버드 수강 신청자에게만 드리는
클래스 오픈 특전
[얼리버드 혜택 1]
어랏 류채은 대표의 1:1 서면 피드백!
얼리버드 구매자 대상 5명 추첨하여 혜택을 전해드립니다.
얼리버드 구매 후 설문에 참여해주신 수강생 중 5분을 추첨하여,
류채은 대표의 1:1 서면 피드백 혜택을 제공합니다.
당첨자에게는 1회 한정으로 웹 디자인 작업물(최대 3페이지 기준)에 대한 피드백과 함께,
바이브 코딩 및 웹 제작 과정에서의 고민과 질문에 대한 답변을 제공해 드립니다.
웹 기획부터 디자인, 구현까지 실제 실무 경험을 바탕으로 작업 방향성과 완성도를 점검받을 수 있는 기회!
비전공자부터 1인 브랜드 대표, 주니어 디자이너, 프리랜서까지 웹 제작 과정에서 막히는 지점과 실무 고민을 깊이 있게 해소해 보세요.
수강생 모두에게 드리는
AI 웹사이트 4종 제작을 위한 클래스 전용 혜택
-
ChatGPT로 분석하는실무 웹 기획서 (.xlsx) -
Figma MCP 적용을 위한와이어프레임 예제 키트 -
클라이언트의 언어를 녹여내는어드민 페이지 디자인 예제
-
가상 브랜드와 프로모션의소개서 & 의뢰서 & 비주얼 어셋 -
설득력 있는 브랜드 경험웹사이트 레퍼런스 50선 (.pdf) -
AI 활용도를 높여주는기본 문법 지침서 (.pdf)
- HTML / CSS / Javascript
클래스 추천
이런 분들에게 추천합니다.
웹 환경으로 브랜드 아이덴티티를 확장하는 과정이 궁금한 디자이너
UX/UI, 웹 제작 외주를 받고 싶은 프리랜서 디자이너
웹 제작 과정 전반의 이해도를 높이고 싶은 웹 기획자 & 퍼블리셔
크리에이티브 웹 & 그래픽디자인 스튜디오
어랏 류채은 대표 포트폴리오
-
데스커 워케이션 - 웹 디자인·개발
-
운생동 건축사무소 - 웹 디자인·개발
-
스튜디오 어랏 - 웹 디자인·개발
-
디자인 스튜디오 마움 - 웹 디자인·개발
-
에디션 서촌 - 웹 디자인·개발
-
Atelier ah - 웹 디자인·개발
-
Cultural & Creative Director Woo Lee - 웹 디자인·개발
-
에르네스 - 웹 디자인·개발
-
큐베스트 - 웹 디자인·개발
포트폴리오 크레딧
1. 데스커 워케이션
- PM. 박주영 @desker_official
- 기획. 크리에이팁 노주형, 이지현, 김주은
- 웹 디자인&개발. 어랏
2. 에디션서촌
- 주최/주관. 어반플레이
- 키 비주얼 디자인. 워크룸
- 웹 디자인&개발. 어랏
이 클래스가 특별한 이유
브랜드와 컨셉을 웹사이트로 구현하는, AI 웹 제작 워크플로우
브랜드 소개부터 프로모션, 인터랙티브, 포트폴리오까지 유형별 웹 사이트 4종 완성! 가장 자주 활용되는 웹 사이트 유형을 바탕으로, 브랜드 목적과 사용자 경험에 따른 웹 구조 및 인터랙션 방식의 차이를 배워보세요. 단순 웹 디자인을 넘어, 목적에 맞는 웹 경험을 설계해 봅니다.
단순한 툴 사용법을 넘어, AI를 활용해 아이디어와 디자인 결과물을 실제 웹으로 연결하는 방법까지! 브랜드 분석, UX Writing, 인터랙션 설계, 웹 구현, 배포, 운영 흐름의 전 과정을 AI와 함께해 보세요. 웹 제너럴리스트로 성장하는 AI 기반 실무 워크플로우를 지금 만나보세요.
클래스 예제
브랜드·프로모션·인터랙티브·포트폴리오까지, 대표 웹사이트 4종 AI 제작 워크플로우
실무에서 가장 많이 활용되는 대표 웹사이트 유형 4가지를 직접 제작하며, 기획부터 디자인, 구현, 배포까지 AI 기반 웹 제작의 전 과정을 경험해 보세요.
Pre. 웹 기획, 웹 디자인, 웹 개발(바이브코딩) 기초 다지기
-
탄탄한 구성의 웹을 만드는 기획 원리부터
-
생산성&완성도를 극대화할 AI 웹 기획서 작성까지
-
감각적인 웹을 만드는 디자인 기본기부터
-
일관된 경험을 주는 디자인 시스템 설계까지
-
제작 원리를 직관적으로 이해할 웹 개발 기초부터
-
내 의도를 120% 반영하는 바이브코딩까지
Project1. 브랜드 아이덴티티와 메시지를 전달하는 '브랜드 웹사이트'
Project 2. 고객의 행동과 참여를 유도하는 '프로모션 웹사이트'
Project 3. 사용자 경험과 인터랙션을 설계하는 '인터랙티브 웹사이트'
Project 4. 나만의 강점과 스토리를 효과적으로 보여주는 '포트폴리오 웹사이트'
Bonus. AI 시대 살아남는 디자이너의 생존 전략과 커리어 인사이트
-
AI 시대 살아남는 디자이너의 조건
-
프리랜서 디자이너의 필수 노하우
*위에서 활용된 이미지는 예시 이미지 입니다. 강의 내에서 강의 활용 예제가 달라질 수 있습니다.
클래스 특징
브랜드에서 포트폴리오까지, 웹 실무의 핵심만을 담은 4가지 프로젝트
웹의 목적을 명확하게 정의하는 기획부터 브랜드 아이덴티티를 확장하는 디자인, 바이브 코딩을 활용한 구현까지! 브랜드·프로모션·인터랙티브·포트폴리오 웹사이트 등 4가지 프로젝트를 바탕으로 웹 제작의 전 과정을 실무 흐름 그대로 실습하고, 실전에 즉시 활용 가능한 결과물을 완성해 보세요.
코드 없이 AI로 더 쉽고 빠르게 구현하는 웹사이트 제작법
단순한 툴 학습을 넘어, AI 툴을 활용해 스스로 웹을 기획하고 제작하기까지! ChatGPT를 활용해 브랜드의 핵심 메시지와 구조를 분석하고, 브랜드 의도를 담은 웹 기획서를 완성해 보세요. Figma MCP와 Cursor를 통해 기획된 내용을 실제 디자인으로 연결하고, 코드로 구현합니다.
시안에서 끝나지 않고 실제 웹사이트로 구현하는 실전 웹 제작 워크플로우
가상의 브랜드 소개서와 의뢰서를 기반으로 한 실전 웹사이트 제작 실습! 단순 시안을 넘어, 클라이언트의 언어를 해석하고 구조화해 하나의 완성된 웹사이트로 구현해 보세요. 서버리스 DB 구성, 관리자 페이지 설계, 웹 배포까지 실제 운영 가능한 웹사이트 제작의 전체 구조를 익혀봅니다.













