프로젝트 배경
스너그는 청년창업사관학교에서 개발된 스마트 블록형 환풍기로, 제품 출시 직전에 빠른 홍보와 초기 판매를 위한 반응형 랜딩페이지 구축이 필요했습니다.
짧은 개발 기간 안에 제품 촬영부터 디자인, 개발, 배포까지 전체 제작을 완료하는 것을 목표로 한 프로젝트였습니다.
짧은 개발 기간 안에 제품 촬영부터 디자인, 개발, 배포까지 전체 제작을 완료하는 것을 목표로 한 프로젝트였습니다.
프로젝트 성과
2주 내 기획·촬영·개발·배포까지 전 과정 완료
• 기획부터 최종 배포까지 2주 이내 완료하며 긴급 납기 요청을 성공적으로 대응
제품 중심 구조로 전환율 최적화 설계
• 구매 유도를 위한 이미지 중심 구성과 CTA(문의/신청) 구조 최적화
핵심 기능

✅ 반응형 랜딩페이지 UI
• 제품 소개와 구매 유도를 중심으로 한 One Page 구조

✅ 고해상도 제품 이미지 적용
• 제품 촬영 후 직접 편집한 이미지를 사용해 브랜드 인지도 향상

✅ 빠른 배포 및 관리 효율화
• Docker 기반 배포로 안정적인 운영환경 구성
진행 단계
제품 촬영 및 디자인
2018.11.
• 제품 사진 촬영 및 콘텐츠 구성, Figma 기반 디자인 시안 제작
개발 및 배포 완료
2018.12.
• React 기반 페이지 개발, Docker 환경 구성 및 배포 완료
프로젝트 상세
포트폴리오 소개
스너그는 스마트 환풍기 제품으로, 제품의 주요 기능과 시각적 매력을 간결하게 전달하기 위한 반응형 랜딩페이지를 구축했습니다. 제품 촬영부터 UI 디자인, 개발, 배포까지 전 과정을 약 2주 내에 완료하였습니다.
작업 범위
• 기획: 랜딩 구성 및 콘텐츠 설계
• 디자인: 제품 이미지 기반 UI/UX 디자인 (Figma)
• 개발: React + JavaScript 기반 프론트엔드, Docker 기반 배포 자동화
주요 기능 및 업무
• 제품 중심의 반응형 랜딩 구성
• 이미지 기반 콘텐츠 및 CTA 설계
• 도커 기반 신속 배포 구조 구현
주안점
• 급박한 일정 내 제작 전 과정 완료 (기획~배포까지 2주)
• 구매 전환에 초점을 맞춘 직관적인 구조 설계
• 제품 특징을 강조할 수 있도록 시각 자산(이미지) 중심 기획
스너그는 스마트 환풍기 제품으로, 제품의 주요 기능과 시각적 매력을 간결하게 전달하기 위한 반응형 랜딩페이지를 구축했습니다. 제품 촬영부터 UI 디자인, 개발, 배포까지 전 과정을 약 2주 내에 완료하였습니다.
작업 범위
• 기획: 랜딩 구성 및 콘텐츠 설계
• 디자인: 제품 이미지 기반 UI/UX 디자인 (Figma)
• 개발: React + JavaScript 기반 프론트엔드, Docker 기반 배포 자동화
주요 기능 및 업무
• 제품 중심의 반응형 랜딩 구성
• 이미지 기반 콘텐츠 및 CTA 설계
• 도커 기반 신속 배포 구조 구현
주안점
• 급박한 일정 내 제작 전 과정 완료 (기획~배포까지 2주)
• 구매 전환에 초점을 맞춘 직관적인 구조 설계
• 제품 특징을 강조할 수 있도록 시각 자산(이미지) 중심 기획

청창사 스너그 랜딩페이지 포트폴리오



