HTML5 웹 인터랙티브 콘텐츠 #이러닝 #교육 #게임

2025 크몽 Prime 상위 2% 전문가

- 품질보장 서비스 선정 -

─

[ 굿바이 플래시, 안녕 HTML5 ]

플래시를 보내줄 시간이 왔습니다.

이제는 HTML5로 더 가볍고, 더 자유롭게 만들어 보세요!

과거 플래시는 웹게임, 애니메이션, 인터랙션 콘텐츠의 핵심이었지만

2020년 12월, 공식적으로 지원 종료되었습니다.

이제는 HTML5로 모바일과 PC 모두에서

설치 없이 빠르고 안전하게 구현할 수 있습니다.

* 모바일 & PC 완벽 대응

* 설치 없이 모든 브라우저에서 실행

* 비용 효율적인 제작

플래시처럼, 혹은 플래시보다 더 멋진 웹 콘텐츠를 만들어 드립니다.

─

【 제공 서비스 】

* 플래시 HTML5 변환

낡은 플래시 콘텐츠를 최신 웹 환경으로 업그레이드!

* 인터랙티브 콘텐츠 제작

클릭, 드래그&드롭, 타이핑 등 사용자와 상호작용하는 콘텐츠

* 웹 게임 / 미니게임 개발

교육용 게임부터 오락성 높은 캐주얼 게임까지

* LMS(이러닝) 콘텐츠 제작

학생, 직장인, 공공기관 대상의 교육용 콘텐츠

퀴즈, 시험, 문제풀이, 학습 활동까지 완벽 구현

* 웹 기반 비디오 플레이어

비디오 중심의 인터랙티브 콘텐츠, 커스텀 플레이어 제작

(스토리텔링형, 챕터, 자막, 선택지, 브랜디드 콘텐츠)

* 3D 제품 및 콘텐츠

3D 뷰어, 인터랙티브 전시, WebGL 기반 시뮬레이션

* PPT 웹 콘텐츠

발표자료, 졸업작품, 포트폴리오, 스토리텔링 자료를 웹으로 제작

(학생 할인 10%)

* 이벤트 / 홍보 / 랜딩 페이지

이벤트, 프로모션, 광고용 맞춤형, 관리자 페이지 까지

* 정부 및 기관 콘텐츠

재단, 교육청, 공공기관 대상 프로젝트 경험 보유

* AI 서비스 콘텐츠

기존 서비스에 AI 서비스 연동 또는 새로운 AI 콘텐츠 제작

* AI 디지털 교과서

UDL 및 접근성 준수, 교과 과정 내 다양한 콘텐츠 제작

그리고 그 외 어떤 아이디어도 환영합니다!

편하게 문의 주세요.

─

【 다양한 콘텐츠 예시 】

#OX #객관식 #주관식 #드래그앤드롭 #비디오플레이어 #애니메이션

#스케치 #선잇기 #색칠하기 #메모리게임 #횡스크롤게임 #슬롯머신

#두더지잡기 #슈팅게임 #2048 #음성인식 #모션인식 #얼굴인식

#Tensorflow.js #랜덤게임 #스피드퀴즈 #디펜스게임 #순발력게임 #AI연동

#룰렛 #퍼즐게임 #카드게임 #사다리게임 #퀵타임이벤트(QTE)

#마우스제스처 #타이핑게임 #방향키게임 #드로잉보드 #이미지맵퀴즈

#영상선택형스토리 #분기형시나리오 #버튼만들기 #360뷰어

※ 다양한 콘텐츠 체험(포트폴리오) : https://goodbye-flash.com/portfolio

─

【 개발 노하우로 믿을 수 있는 제작 】

* 다수 업체 개발 참여 (대기업, 공공기관, 교육업체, 학원, 스타트업 등)

* 템플릿 기반 대량 콘텐츠 제작 경험

* 백엔드 + API 연동 가능

* AWS, GCP, Cafe24 클라우드 환경 구성

* 크로스 브라우징 대응 (IE, Chrome, Safari, 모바일, Firefox)

* 친절한 소스 설명 및 사후 지원

* 원활한 커뮤니케이션

─

【 다른 서비스도 있어요 】

* 모든 서비스 보러가기 : https://kmong.com/@굿바이플래시

* 랜딩,이벤트,광고페이지 : https://kmong.com/gig/399900

* 2D 캐주얼, 미니 게임 : https://kmong.com/gig/399661

* 퍼블리싱, 반응형 웹 제작 : https://kmong.com/gig/400247

* 비디오 플레이어 : https://kmong.com/gig/400259

* 3D 렌더링,모델링, 3D뷰어 : https://kmong.com/gig/399614

* 인터랙티브,이러닝,교육용 콘텐츠 : https://kmong.com/gig/257725

─

세금계산서 & 현금영수증 발급 가능  

작업물은 포트폴리오로 사용될 수 있습니다. (원치 않으시면 사전에 알려주세요)

─

Step 1. 주문 전 준비사항

• 개발에 필요한 기획서 또는 피그마 전달해주세요.

(피그마, 콘텐츠 기능, 디자인 레이아웃, 화면 흐름 등)

• 사용하실 이미지, 영상, 오디오 등 리소스를 준비해주세요.

• 참고하면 좋을 만한 사이트, 디자인 자료도 환영합니다!

• 만약 기획서나 자료 준비가 어려우시면 상담을 통해 도와드립니다.

Step 2. 견적서 전달

• 전달받은 기획서를 꼼꼼히 분석합니다.

• 세부 개발 내용, 일정, 견적을 정리한 견적서를 보내드립니다.

• 견적에 궁금한 점이 있다면 편하게 문의해주세요.

Step 3. 결제 및 개발 착수

• 결제가 완료되면 개발이 본격적으로 시작됩니다.

• 개발 중에는 수시로 진행 상황과 커뮤니케이션을 진행합니다.

• 필요 시, 개발 중간에도 의견을 조율할 수 있습니다.

Step 4. 1차 시안 URL 제공

• 제작 완료 후 검토용 1차 시안을 웹 URL로 제공합니다.

• 실제 콘텐츠를 확인하시면서 수정 및 보완할 부분을 정리해주세요.

Step 5. 수정 및 추가 작업

• 간단한 수정은 무료로 진행됩니다.

• 만약, 기획서에 없던 추가 기능 요청 시에는 기능 범위에 따라 별도 비용이 발생할 수

있습니다.

• 수정 사항 반영 후 최종 검수를 진행합니다.

Step 6. 최종 납품

• HTML5 실행 파일 + 리소스 + 소스 코드로 납품합니다.

• 납품된 파일은 자유롭게 사용, 배포 가능합니다.

• 이후에도 문의 사항이나 간단한 사용법 안내는 지원해드립니다.

개발이 원활하게 진행될 수 있도록 아래 자료를 준비해주세요.

_

1. 기획서

• 콘텐츠 기능 설명

• 디자인 레이아웃 (디자인 시안 또는 참고 이미지 가능)

• 화면 흐름도 (페이지 구조, 화면 이동 흐름)

2. 개발 리소스

• 이미지 (배경, 캐릭터, 아이콘 등)

• 동영상 (삽입할 영상 파일)

• 오디오 (BGM, 효과음 등)

• 폰트 (별도 폰트를 사용할 경우)

(만약 리소스 준비가 어려우시면 상담을 통해 도와드립니다.)

3. 콘텐츠 해상도

• PC 기본 해상도 : 1280×720

• 모바일 기본 해상도 : 720×1280

• 특별한 해상도 요청이 있을 경우 사전에 알려주세요.

4. 외부 서버 / API 연동 시

• 연동할 서버 API 스펙 문서

• API Key, Endpoint 등 연동에 필요한 정보

_

만약 준비가 어려우시면 기획 및 자료 정리도 도와드립니다!

문의 시 편하게 요청해주세요.

_