📌 STUDIO TEN - 마케팅 스튜디오 웹사이트
🔹 프로젝트 개요
🔹 프로젝트 목적
STUDIO TEN은 마케팅 진단부터 퍼포먼스·콘텐츠·CRM·데이터 분석까지 대표가 직접 실행하는 마케팅 스튜디오입니다. 상담에서 받은 요청은 「디자인보다 전체 구성 — 섹션별 소개와 하단 상담하기」였고, 실제 작업 사진이 아직 없는 상태였습니다. 그래서 무료 사진으로 장면을 지어내지 않고, 큰 영문 타이포·넓은 여백·원고의 성과 숫자만으로 신뢰를 세우는 원페이지로 설계했습니다. 서버와 데이터베이스는 처음부터 고객사 계정으로 만들어, 오픈 후 옮길 것 없이 그대로 소유하도록 했습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
Typography-led Hero (타이포 히어로):
첫 화면은 「STUDIO / TEN」 두 줄의 큰 영문과 추상 질감 띠만으로 구성했습니다. 영문 크기는 화면 폭에 비례하고, 헤더는 내리면 숨고 올리면 다시 나옵니다.
Scroll-driven Motion (스크롤 연출):
강점 제목은 스크롤을 따라 회색에서 검정으로 채워지고, 성과 숫자는 화면에 들어오면 0부터 올라갑니다. 고객 고민 10문장은 가로로 흐르는 띠로 보여 줍니다. 「움직임 줄이기」 설정에서는 연출을 줄입니다.
Consultation Form & Alerts (상담 폼과 알림):
이름·회사명·연락처·이메일·월 마케팅 예산·문의 내용·개인정보 동의로 구성한 상담 폼. 접수되면 고객사 메일로 바로 알림이 가고, 연락처는 숫자만 입력해도 형식이 맞춰집니다.
Admin & Remaining Slots (관리자와 잔여 슬롯):
대시보드·상담 신청·사이트 설정 3개 탭. 상담은 대기·완료·삭제로 정리하고 엑셀로 내려받을 수 있으며, 「10월 남은 자리 1 / 4」 같은 잔여 슬롯과 푸터 연락처를 저장 즉시 사이트에 반영합니다.
🔹 디자인 포인트
🔹 담당 역할