CASE 62세움 SEUM2026.05

스크롤이
상담으로 이어지게

요식업·자영업 네이버 플레이스 마케팅을 대행하는 세움의 회사 메인사이트입니다.

업종: 요식업·자영업 네이버 플레이스 마케팅 대행 (서울 가산)
형태: 전환형 원페이지
구성: 문제 제기 · 서비스 6종 · WHY · 성공 사례
고객 후기 · 상담 신청 폼
기술 스택: Cloudflare Pages · IntersectionObserver 리빌 · 반응형 HTML/CSS · gpt-image-2 에셋
호스팅: Cloudflare Pages

세움 SEUM 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 62

01과제

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

식당 사장님은 광고비를 쓰고도 결과가 안 보일 때 대행사를 찾습니다. 그래서 문제 제기 → 서비스 6종 → 세움을 고를 이유 → 성공 사례 → 후기 → 1분 상담 신청 순서의 전환형 원페이지로 스크롤이 상담폼에서 끝나게 했습니다.

딥블루 #145ce6 톤과 Pretendard 900 헤딩으로 통일하고, 섹션 등장은 IntersectionObserver 리빌 애니메이션으로 처리했습니다. 히어로 비주얼과 서비스 아이콘 6종은 gpt-image-2로 만들어 배경을 투명화했습니다.

핵심 — 스크롤 끝이 상담폼고민 공감에서 시작해 서비스·이유·사례·후기를 거쳐 1분 상담 신청에서 끝나도록 섹션 순서를 짰습니다.

02화면

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

서비스 6카드 — 01서비스 6카드

세움을 고를 이유 — WHY 4카드 — 02세움을 고를 이유 — WHY 4카드

고객 후기 — 03고객 후기

상담 신청 폼 — 입력 검증 — 04상담 신청 폼 — 입력 검증

03구성

이 사이트에 들어간 것

01
히어로 무료 진단 CTA첫 화면 상담 유도
02
서비스 키워드 티커가로로 흐르는 서비스 키워드
03
문제 제기 3카드사장님 고민 공감
04
서비스 6카드gpt-image-2 아이콘, 배경 투명화
05
WHY 4카드딥블루 섹션
06
성공사례 Before&After사례 카드
07
고객 후기별점 카드
08
상담 신청 폼입력 검증

세움 SEUM 모바일 전체 화면

모바일 · 스크롤해서 보기

제작 당시 화면을 보존했습니다.

미러본은 납품 시점 화면을 그대로 보존한 사본입니다.

미러본 보기 제작 문의