2080스마트센터 | 업종별 홈페이지 만들기

내 일을 소개하는
첫 웹페이지

업종별 랜딩페이지 예시와 AI에게 붙여넣을 프롬프트를 한 파일에 담았습니다. 아래에서 내 업종을 선택하세요.

수업에서 사용하는 방법

  1. 내 업종을 눌러 예시 화면을 봅니다.
  2. 페이지 아래 프롬프트를 복사하고 [직접 입력]을 내 정보로 바꿉니다.
  3. ChatGPT나 Claude에 붙여넣어 HTML을 만든 뒤 휴대폰에서 확인합니다.
01 / 스마트폰 강사 · 수업용 가상 예시업종 선택으로

휴대폰이 조금 더 편해지는 시간

스마트폰의 기본부터 사진, 카카오톡, AI 활용까지. 내 속도에 맞춰 차근차근 배워보세요.

손안의 배움

어떤 수업을 하나요?

스마트폰 기본

전화·문자·설정부터 시작합니다.

생활 앱 활용

사진 정리, 길 찾기, 카카오톡을 연습합니다.

AI 첫걸음

일상에서 쓸 수 있는 질문부터 시도합니다.

이용 순서
  1. 배우고 싶은 내용을 말합니다
  2. 수업 형태와 시간을 정합니다
  3. 직접 눌러보며 반복합니다
문의 영역에 넣을 정보

이름, 수업 지역, 연락처, 수업 형태(개인/그룹/출강)를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 스마트폰 강사 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 강사 소개, 가능한 수업 주제, 수업 지역, 수업 형태, 문의 연락처

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
경력·자격증·수강 후기는 확인한 것만 넣으세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 경력·자격증·수강 후기는 확인한 것만 넣으세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

02 / 보험 프리랜서 · 수업용 가상 예시업종 선택으로

복잡한 보험 이야기를 쉽게

이미 가입한 내용부터 궁금한 점까지, 상담에서 무엇을 확인할지 먼저 정리해 드립니다.

다정한 보험상담

상담은 이렇게 진행돼요

현재 상황 확인

궁금한 보장과 가입 현황을 정리합니다.

설명 듣기

용어와 조건을 이해하기 쉽게 살펴봅니다.

다시 비교하기

공식 약관과 상품설명서를 함께 확인합니다.

이용 순서
  1. 상담 목적을 남깁니다
  2. 상담 가능 시간을 정합니다
  3. 공식 자료를 보며 확인합니다
문의 영역에 넣을 정보

상담 가능 시간, 소속 및 등록 정보, 실제 연락처를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 보험 프리랜서 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 실제 소속·등록 자격, 상담 가능 분야, 상담 방식, 연락처, 필수 고지사항

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
보험료·보장 범위·수익률 보장을 임의로 쓰지 말고, 법정 표시·심의 절차를 확인하세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 보험료·보장 범위·수익률 보장을 임의로 쓰지 말고, 법정 표시·심의 절차를 확인하세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

03 / 보험사 직원·대표 · 수업용 가상 예시업종 선택으로

담당자가 보이는 보험 상담

담당자와 상담 절차를 먼저 확인하고, 상품 정보는 공식 자료를 기준으로 안내받으세요.

온결 상담실

방문 전 확인할 정보

담당자 소개

이름, 소속, 직책을 정확히 표시합니다.

상담 분야

상담 가능한 범위를 분명히 적습니다.

공식 안내

상품 설명은 공인 자료로 연결합니다.

이용 순서
  1. 담당자를 확인합니다
  2. 필요한 상담을 요청합니다
  3. 공식 조건을 확인합니다
문의 영역에 넣을 정보

실제 회사명, 담당자·직책, 영업점 주소, 대표번호를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 보험사 직원·대표 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 회사명, 담당자 및 직책, 공식 브랜드 사용 허가, 상담 범위, 연락처, 영업점 주소

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
회사 공식 사이트처럼 오해받지 않도록 소속과 운영 주체를 명확히 쓰고 승인 없는 로고를 쓰지 마세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 회사 공식 사이트처럼 오해받지 않도록 소속과 운영 주체를 명확히 쓰고 승인 없는 로고를 쓰지 마세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

04 / 파크골프용품점 · 수업용 가상 예시업종 선택으로

첫 라운드에 필요한 것부터

파크골프 클럽, 공, 장갑과 소품을 종류별로 살펴보고 매장에서 직접 문의하세요.

라운드 마켓

무엇을 찾으시나요?

클럽

선택할 때 확인할 항목을 안내합니다.

공과 장갑

사용감에 맞게 살펴봅니다.

가방·소품

이동과 보관에 필요한 용품을 모았습니다.

이용 순서
  1. 필요한 용품을 고릅니다
  2. 재고와 가격을 문의합니다
  3. 매장 방문을 결정합니다
문의 영역에 넣을 정보

실제 매장 주소, 영업시간, 휴무일, 전화번호를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 파크골프용품점 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 가게명, 실물 상품 사진, 취급 브랜드·종류, 실제 가격·재고, 주소, 영업시간, 전화번호

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
상품 사진은 직접 찍거나 사용 허가를 받은 것만 쓰고, 재고·가격은 최신 정보로 확인하세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 상품 사진은 직접 찍거나 사용 허가를 받은 것만 쓰고, 재고·가격은 최신 정보로 확인하세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

05 / 떡집 · 수업용 가상 예시업종 선택으로

모이는 날에 어울리는 떡

간식부터 답례품까지, 필요한 날짜와 수량을 알려주시면 주문 가능 여부를 안내합니다.

오늘의 시루

어떤 떡이 필요하세요?

식사용 떡

일상에 맞는 떡을 소개합니다.

행사·답례떡

수량과 포장을 상담합니다.

예약 주문

필요한 날짜를 미리 알려주세요.

이용 순서
  1. 떡 종류와 날짜를 정합니다
  2. 수량·포장을 문의합니다
  3. 확정된 내용을 확인합니다
문의 영역에 넣을 정보

실제 메뉴와 가격, 최소 주문 수량, 주문 마감, 알레르기 정보, 연락처를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 떡집 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 가게명, 실제 떡 사진, 메뉴·가격, 주문 가능 일정, 포장·배송 범위, 알레르기·원재료 정보, 연락처

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
원재료·알레르기·배송 조건은 사실대로 표시하고, 예시 사진을 실제 제품처럼 쓰지 마세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 원재료·알레르기·배송 조건은 사실대로 표시하고, 예시 사진을 실제 제품처럼 쓰지 마세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

06 / 식당 · 수업용 가상 예시업종 선택으로

오늘 한 끼를 고르는 쉬운 방법

대표 메뉴와 가격, 영업시간, 위치를 한 화면에서 확인할 수 있도록 안내합니다.

한상 식탁

식사 전 꼭 필요한 정보

대표 메뉴

실제 판매 메뉴와 가격을 보여줍니다.

영업 안내

영업시간·휴무일·예약 여부를 적습니다.

찾아오는 길

주소·주차·대중교통 정보를 안내합니다.

이용 순서
  1. 메뉴를 살펴봅니다
  2. 영업 여부를 확인합니다
  3. 전화하거나 방문합니다
문의 영역에 넣을 정보

실제 메뉴명·가격·음식 사진, 영업시간, 휴무일, 주소, 예약번호를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 식당 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 식당명, 실제 메뉴와 가격, 음식 사진, 주소, 영업시간, 휴무일, 주차·예약 정보

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
가격, 원산지, 영업시간은 최신 정보로 확인하고 허위 후기나 사진을 넣지 마세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 가격, 원산지, 영업시간은 최신 정보로 확인하고 허위 후기나 사진을 넣지 마세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.

07 / 화장품 수입·제조·유통 · 수업용 가상 예시업종 선택으로

제품 정보에서 거래 문의까지

수입·제조·유통의 업무 범위와 제품 자료를 정리해 거래처가 필요한 정보를 빠르게 찾게 합니다.

베이스라인 뷰티

거래 전 확인할 항목

제품 소개

제품 유형과 사용법을 명확히 표시합니다.

사업 범위

제조·수입·유통 중 실제 수행 범위를 적습니다.

거래 문의

필요한 서류와 연락처를 안내합니다.

이용 순서
  1. 관심 제품·업무를 고릅니다
  2. 필요한 자료를 요청합니다
  3. 담당자와 조건을 확인합니다
문의 영역에 넣을 정보

실제 사업자 정보, 제품명·전성분·책임판매 정보, 인허가, 거래 담당 연락처를 넣으세요.

이 업종의 실제 제작 프롬프트

[직접 입력]을 수강생의 사실 정보로 바꿔 AI에 붙여넣으세요.

나는 화장품 수입·제조·유통 일을 하고 있어. 초보 고객이 휴대폰에서 읽기 쉬운 단일 페이지 홈페이지를 만들어줘.

[실제 정보로 바꿔 적기]
상호·이름: [직접 입력]
지역·주소: [직접 입력]
제공하는 상품·서비스: [직접 입력]
가격·운영시간: [확인된 내용만 입력]
문의 방법: [실제 전화번호 또는 신청 링크]
사진: [내가 직접 찍었거나 사용 허가를 받은 사진]
추가로 준비할 정보: 상호·사업자 정보, 실제 수행 업무, 제품 정보 및 사진 사용 권한, 전성분·책임판매 정보, 거래 문의

[구성 요청]
1. 첫 화면: 누구를 위해 무엇을 하는지 한 문장으로 말하고, 문의 버튼을 크게 보여줘.
2. 제공 내용: 실제 상품·서비스 3가지를 쉬운 말로 소개해줘.
3. 이용 순서: 방문자가 문의부터 이용까지 3단계로 이해하도록 써줘.
4. 위치·시간·연락: 내 실제 정보가 없는 부분은 ‘입력 필요’로 남겨줘.
5. 휴대폰 화면에 맞고 글씨가 잘 읽히는 반응형 HTML 파일 하나로 만들어줘.
6. 버튼은 실제 연락처가 들어간 경우에만 전화나 링크로 연결하고, 그렇지 않으면 안내 문구를 보여줘.
7. 실적, 후기, 자격, 가격, 재고, 효과를 지어내지 마.
8. 수정해야 할 부분을 맨 위에 주석으로 적어줘.

[특히 주의할 점]
의약품 같은 효능·허가되지 않은 인증을 주장하지 말고, 수입·제조·광고 표시 기준을 검토하세요.

먼저 페이지 문구를 제안하고, 이어서 저장해서 열 수 있는 전체 HTML 코드를 작성해줘.

공개 전 확인: 의약품 같은 효능·허가되지 않은 인증을 주장하지 말고, 수입·제조·광고 표시 기준을 검토하세요. 실제 상호·사진·가격·연락처가 없는 이 예시는 그대로 게시하지 마세요.