Landing
팔리는 랜딩페이지 구조
후킹, CTA, 섹션 리듬, 포트폴리오화까지 한 흐름으로 봅니다.
AI Website Course
AI로 만든 화면을 팔리는 사이트로 바꿉니다
이미지와 영상 생성에서 끝내지 않고, Next.js 홈페이지·랜딩페이지·AI Agent CMS 운영 구조까지 이어지는 실무 제작 강의입니다.
19개 수업3시간 3분AI 이미지·영상Next.js 배포AI Agent CMS
AI로 만드는 팔리는 웹사이트 인프런 강의
Visual
AI 에셋을 웹 경험으로
이미지와 영상을 히어로, 배경, 전환 장면으로 연결합니다.
19개
수업
3시간
3분
AI 이미지·영상
Next.js 배포
Ops
AI Agent CMS 관점
콘텐츠 운영을 반복 가능한 구조로 만드는 방법까지 확장합니다.
Visual Proof
강의에서 보게 될 화면의 결
강의 커버와 참고 이미지를 바탕으로, 오늘 선택한 디자인 톤에 맞춘 광고용 화면 흐름을 보여줍니다.
강의 커버
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
시네마틱 랜딩
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
AI 웹 비주얼
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
인터랙티브 화면
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
콘텐츠 운영
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
배포 흐름
AI 웹사이트 제작 흐름을 실제 화면 단위로 확인할 수 있는 참고 이미지입니다.
Shift
웹사이트 제작은 “예쁜 화면”에서 끝나지 않습니다
AI로 만든 이미지는 멋있을 수 있습니다. 하지만 광고와 검색에서 성과를 내려면 그 이미지를 전환 경험, 콘텐츠 구조, 운영 루틴으로 연결해야 합니다.
이 강의는 AI 에셋 생성과 웹 구현을 따로 떼지 않고 하나의 제작 루틴으로 묶습니다.
- AI 이미지·영상
- Next.js 구현
- 랜딩페이지 전환 구조
- SEO·GA/GTM 운영
Build
홈페이지·랜딩페이지·CMS를 한 번에 봅니다
단순한 예제 페이지가 아니라 판매 가능한 웹 제작 패키지를 기준으로 접근합니다. 히어로 화면, 인터랙션, 콘텐츠 섹션, 배포, 검색 등록, AI Agent 기반 운영 구조까지 이어집니다.
- OpenAI Images 2.0, Kling, Higgsfield 등 AI 도구로 웹사이트용 이미지·영상 에셋을 만드는 흐름을 다룹니다.
- Next.js 기반으로 홈페이지, 랜딩페이지, 콘텐츠 사이트를 실제 배포 가능한 형태로 제작합니다.
- 히어로 이미지, 배경 영상, 전환 영상, 스크롤 인터랙션, 게임형 UX/UI까지 차별화된 웹 경험을 구성합니다.
- SEO, 도메인 연결, 검색엔진 등록, GA/GTM까지 웹 운영 흐름을 같이 정리합니다.
- Codex나 Claude Code 같은 AI Agent로 콘텐츠 운영 자동화 구조를 만드는 관점까지 확장합니다.
Decision Point
커리큘럼과 미리보기를 바로 확인하세요
랜딩은 강의의 핵심 판단 기준만 압축합니다. 가격, 섹션별 수업, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하는 흐름이 가장 정확합니다.
Creative
시네마틱 웹과 게임형 UX까지 확장합니다
요즘 랜딩페이지는 정적인 카드 나열만으로 기억에 남기 어렵습니다. 영상 배경, 전환 장면, 화면의 리듬을 활용하면 광고용 페이지의 체류감이 달라집니다.
- 풀스크린 영상 배경
- 스크롤 전환
- 게임형 UX
- 브랜드형 히어로
Audience
AI 도구를 결과물로 바꾸고 싶은 사람에게 맞습니다
AI 이미지 도구를 써봤지만 웹사이트 결과물로 연결하는 방법이 막막했다면 좋은 출발점입니다. React와 Next.js 경험이 조금 있으면 더 빠르게 흡수할 수 있습니다.
- AI를 활용해 실무형 홈페이지나 랜딩페이지를 빠르게 제작하고 싶은 개발자
- Next.js로 실제 배포 가능한 웹사이트를 만들고 싶은 초중급 개발자
- AI 이미지·영상 에셋을 웹사이트 인터랙션에 활용하고 싶은 디자이너·기획자
Decision
강의 상세에서 먼저 볼 것은 결과물입니다
커리큘럼과 미리보기를 열어보고 “내가 만들고 싶은 홈페이지나 랜딩페이지에 바로 응용할 수 있는 장면이 있는가”를 기준으로 판단하세요.
- 내 프로젝트에 적용 가능한가
- 판매 가능한 패키지가 되는가
- 운영 루틴까지 남는가
FAQ
수강 전 자주 묻는 질문
강의는 어디에서 확인할 수 있나요?
상단과 하단의 인프런 CTA 버튼을 누르면 강의 상세 페이지에서 가격, 커리큘럼, 미리보기를 확인할 수 있습니다.
완전 초보자도 들을 수 있나요?
기초 문법 강의보다는 실무 제작 흐름에 가깝습니다. HTML, CSS, JavaScript와 React 또는 Next.js 경험이 있으면 더 수월합니다.
수강 후 무엇이 남나요?
홈페이지를 단순히 만드는 데서 끝내지 않고, 팔리는 랜딩페이지와 콘텐츠 운영 자동화까지 연결해보는 강의입니다.
구매 전 무엇을 보면 좋나요?
커리큘럼과 미리보기를 보고 내 프로젝트나 포트폴리오에 바로 응용할 수 있는 장면이 있는지 확인하는 것이 좋습니다.
Course CTA
지금 보는 페이지의 목적은 하나입니다.
강의를 듣고 손에 남을 결과물을 판단하게 하는 것.
가격, 커리큘럼, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하세요. 광고용 링크는 항상 강의 상세로 연결됩니다.
https://www.ludgi.ai/landing/inflearn-ad-creating-selling-web-spotify-20260530