기업 랜딩페이지
홈페이지 제작 외주 소개
중소기업·소상공인을 위한 홈페이지 제작 외주 서비스 소개 사이트. 서비스 특징, 제작 과정, 요금제, 고객 후기를 한 페이지에 담은 전환 최적화 랜딩페이지입니다.
SPEC
기술 스펙
카테고리
기업 랜딩페이지
업종
IT 서비스 · 홈페이지 제작 외주
개발 언어
HTML5 CSS3 JavaScript (ES6+)
데이터베이스
없음 (정적 랜딩페이지)
프론트엔드
Vanilla JS CSS 애니메이션 IntersectionObserver
백엔드
없음 (정적 사이트)
클라우드 / 배포
Vercel (GitHub 자동 배포)
반응형
PC · 태블릿 · 모바일 완전 대응
FEATURES
핵심 기능
히어로 섹션 + CTA
강렬한 헤드라인과 서브카피, 명확한 CTA 버튼으로 방문자의 즉각적인 행동을 유도. 스크롤 유도 애니메이션 포함.
서비스 특징 섹션
아이콘 카드 형태로 핵심 차별점 6가지 서술. 스크롤 시 순차적으로 등장하는 애니메이션 적용.
숫자 카운트업
제작 실적, 고객 만족도, 평균 납기 등 신뢰 지표를 숫자 카운트업 애니메이션으로 시각화.
고객 후기 섹션
실제 고객 후기 카드 슬라이더. 별점 · 업종 · 이름 표시로 신뢰도 강화.
요금제 테이블
랜딩페이지 · 스타터 · 비즈니스 · 프리미엄 4단계 요금제 비교 테이블. 추천 플랜 하이라이트.
문의 폼
이름 · 연락처 · 예산 · 요청 사항 입력 폼. 유효성 검사 및 제출 완료 피드백 포함.
HIGHLIGHTS
주요 특징
전환율 최적화 구조
방문자가 페이지를 위에서 아래로 읽으면서 자연스럽게 문의로 이어지도록 설계된 AIDA(주목→흥미→욕구→행동) 구조. 각 섹션 하단에 CTA 버튼 반복 배치.
미니멀 다크 디자인
짙은 배경에 화이트 텍스트, 포인트 컬러 그라디언트를 활용한 모던 다크 테마. IT·스타트업 업종에 적합한 신뢰감과 세련됨을 동시에 전달.
스크롤 기반 애니메이션
IntersectionObserver API를 활용한 스크롤 트리거 페이드인 애니메이션. 외부 라이브러리 없이 순수 JS로 구현하여 페이지 로딩 속도 최적화.
ABOUT
상세 설명
이 랜딩페이지는 홈페이지 제작 외주 서비스를 소개하는 B2B 마케팅 사이트입니다. 중소기업·소상공인 대표가 검색이나 SNS 광고를 통해 유입되었을 때, 서비스 신뢰도를 빠르게 전달하고 문의로 전환시키는 것을 목표로 설계되었습니다.
단일 페이지 구조로 히어로 → 서비스 특징 → 제작 실적 → 제작 과정 → 요금제 → 고객 후기 → 문의 폼 순서로 구성되어 있습니다. 방문자가 페이지를 처음부터 끝까지 읽으면서 자연스럽게 신뢰를 쌓고 문의 버튼을 누르도록 유도하는 전환 최적화 구조입니다.
동일한 구조와 디자인 시스템을 활용하여 다양한 업종의 기업 소개 랜딩페이지로 빠르게 커스터마이징할 수 있습니다. 컬러 팔레트, 폰트, 섹션 내용만 교체하면 완전히 다른 브랜드의 랜딩페이지로 변환됩니다.
우리 회사 소개 페이지가 필요하다면?
업종과 목적에 맞는 전환 최적화 랜딩페이지를 제작해 드립니다.