플러스프로젝트 배경
- 서비스의 강점을 명확하게 전달하여 신규 고객의 대출 신청을 유도하기 위해 제작
- 모바일 환경에서 정보 인지가 쉽고 CTA 클릭률이 높은 디자인 필요
- 모바일 환경에서 정보 인지가 쉽고 CTA 클릭률이 높은 디자인 필요
프로젝트 성과
반응형 랜딩페이지 제작 및 배포
Vercel에 실제 배포 가능한 프로덕션 버전 제공, 고객이 바로 테스트 가능
핵심 기능
Hero 섹션 및 주요 장점 강조
가독성 높은 큰 타이포그래피
실시간 상담 현황 티커
자동 슬라이드, 접근성 옵션(감소된 모션 존중)
CTA 버튼 & Lead Form
전화·카톡·텔레그램·폼으로 즉시 상담 유도
반응형 디자인
PC·모바일 완전 대응
진행 단계
기획 검토 → 개발 (Next.js + TailwindCSS) → 반응형 QA → Vercel 배포 → Figma 시안 자동 변환(html.to.design)
2025.09.
기획 검토 → 개발 (Next.js + TailwindCSS) → 반응형 QA → Vercel 배포 → Figma 시안 자동 변환(html.to.design)
프로젝트 상세
신규 신용카드 대출 서비스 소개와 신청 유도를 위해 랜딩페이지를 제작.
파란 계열 색상과 Pretendard 폰트를 사용해 신뢰감을 주는 디자인을 구현하고, 헤드라인·혜택·진행단계·실시간 상담 현황·CTA 버튼 등 요구사항 전부를 반영한 반응형 페이지를 완성.
PC 1280px, 모바일 360px 해상도 기준으로 최적화하였으며, 빠른 승인 후 Figma 디자인을 정교하게 보완 예정.
파란 계열 색상과 Pretendard 폰트를 사용해 신뢰감을 주는 디자인을 구현하고, 헤드라인·혜택·진행단계·실시간 상담 현황·CTA 버튼 등 요구사항 전부를 반영한 반응형 페이지를 완성.
PC 1280px, 모바일 360px 해상도 기준으로 최적화하였으며, 빠른 승인 후 Figma 디자인을 정교하게 보완 예정.
