CASE 80코스텝 CoStep2026.07

문의가 바로 텔레그램으로 오는
경영컨설팅 홈페이지

정책자금·기업인증·경영컨설팅 전문그룹의 6페이지 기업소개 홈페이지입니다.

업종: 경영컨설팅·정책자금 · 경기 화성(동탄)
형태: 기업소개 홈페이지
구성: 6페이지 · 인트로 영상 · 상담 폼 · 금리 비교 그래프
기술 스택: Cloudflare Pages · Pages Functions · Telegram Bot API · JSON-LD 구조화 데이터
호스팅: Cloudflare Pages

코스텝 CoStep 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 80costep.kr

01과제

무엇을 받았고, 무엇을 했나

정책자금 상담은 문의를 놓치지 않고 바로 전화하는 게 전부입니다. 그래서 상담 폼을 Cloudflare Pages Functions로 받아 대표님 텔레그램으로 즉시 보내고, 금리 비교 그래프와 조달 실적으로 상담 이유를 먼저 보여주게 했습니다.

대표님 피드백 세 차례를 반영해 밝은 네이비·블루 톤으로 다듬었고, 상담 폼은 성함·연락처·문의내용만 받는 간결한 형태로 완성했습니다.

핵심 — 문의 즉시 알림상담 폼이 Pages Functions를 거쳐 대표님 텔레그램으로 바로 도착합니다.

02화면

히어로가 아니라 실제로 일하는 구간

서비스 4분야 — 정책자금·인증·R&D·재무 — 01서비스 4분야 — 정책자금·인증·R&D·재무

정책자금 금리 비교 그래프·표 — 02정책자금 금리 비교 그래프·표

조달 실적 — 보증서 사례(정보 가림) — 03조달 실적 — 보증서 사례(정보 가림)

상담 폼 — 성함·연락처·문의내용 — 04상담 폼 — 성함·연락처·문의내용

03구성

이 사이트에 들어간 것

01
6페이지 기업소개회사소개·서비스·성공사례·인사이트·상담
02
히어로 인트로 영상첫 화면 브랜드 영상(mp4)
03
상담 폼 → 텔레그램Pages Functions가 받아 Telegram Bot API로 즉시 전송
04
정책자금 금리 비교 그래프대출 종류별 금리·이자 비교
05
일반 vs 코스텝 비교표접근 방식별 차이 정리
06
조달 실적·ISO 인증 섹션보증서 사례는 고객 정보 가림 처리
07
파비콘 세트브라우저·모바일 아이콘
08
JSON-LD·sitemap SEO구조화 데이터와 사이트맵

코스텝 CoStep 모바일 전체 화면

모바일 · 스크롤해서 보기

실제 사이트에서 확인하세요.

지금도 운영 중인 사이트입니다.

라이브 사이트 ↗제작 문의