프로젝트 배경
펫 관련 제품 전문 브랜드 ‘펫토일렛’은 반려동물 용품에 대한 제품 정보와 브랜드 인지도를 동시에 강화할 수 있는 웹사이트 구축을 목표로 했습니다. 브랜드 초기 단계에서 고객 신뢰를 형성하고, 제품 안내, 고객 상담 연결 등의 기능을 간결하면서도 직관적으로 전달하기 위한 목적의 홈페이지가 필요했습니다.
홈페이지 기획, 디자인, 개발을 진행했습니다. 홈페이지 개발 후 가비아 서버에 업로드해 홈페이지를 운영했습니다.
홈페이지 기획, 디자인, 개발을 진행했습니다. 홈페이지 개발 후 가비아 서버에 업로드해 홈페이지를 운영했습니다.
프로젝트 성과
브랜드 첫 홈페이지 런칭 및 운영 안정화
• 2018년 가비아 호스팅 환경에 개발한 정적 웹사이트를 배포하여 초기 트래픽 환경에서도 안정적으로 운영 시작
랜딩 중심 구조로 유입 및 상담 연결률 향상
• 브랜드 소개 및 제품 정보 제공 중심으로 구성하여 구매 유입을 위한 기초 전환 흐름 확보
핵심 기능


✅ 반응형 랜딩 페이지 설계
• PC 및 모바일에서 모두 최적화된 해상도로 콘텐츠가 자연스럽게 노출되도록 구성



✅ HTML/CSS 기반 정적 콘텐츠 개발
• 빠른 로딩 속도와 간결한 구조를 유지하며 가비아 호스팅에 맞게 정적 구성 설계

✅ 서버 배포 및 운영 환경 구성
• Docker 기반 빌드 및 가비아 서버 업로드까지 전체 배포 프로세스 직접 수행
진행 단계
기획 및 디자인
2018.08.
• 브랜드 구조에 맞춘 콘텐츠 설계 및 UI 시안 제작
정적 페이지 개발
2018.09.
• HTML, CSS, JS 기반의 정적 랜딩 페이지 개발
서버 업로드 및 운영 개시
2018.10.
• Docker 환경 구성 후 가비아 서버에 배포 및 운영 시작
프로젝트 상세
포트폴리오 소개
‘펫토일렛’의 공식 브랜드 홈페이지를 구축한 프로젝트로, 브랜드 초기 인지도를 높이고 제품 정보를 효과적으로 전달하기 위한 반응형 랜딩형 웹사이트입니다.
작업 범위
• 기획: 콘텐츠 구조 정의 및 메뉴 구성
• 디자인: Figma 기반 반응형 UI 설계
• 개발: HTML/CSS/JavaScript로 정적 페이지 개발 및 Docker 기반 배포 구성
주요 기능 및 업무
• 반응형 랜딩 페이지 설계 및 퍼블리싱
• HTML/CSS 중심의 간결한 콘텐츠 개발
• Docker 컨테이너 환경 구성 및 가비아 서버 업로드
주안점
• 초기 브랜드 이미지 강화를 위한 시각 중심 설계
• 가비아 환경에 맞춘 안정적인 배포 프로세스 구성
• 유지보수 없이 장기 운영 가능한 구조로 설계
‘펫토일렛’의 공식 브랜드 홈페이지를 구축한 프로젝트로, 브랜드 초기 인지도를 높이고 제품 정보를 효과적으로 전달하기 위한 반응형 랜딩형 웹사이트입니다.
작업 범위
• 기획: 콘텐츠 구조 정의 및 메뉴 구성
• 디자인: Figma 기반 반응형 UI 설계
• 개발: HTML/CSS/JavaScript로 정적 페이지 개발 및 Docker 기반 배포 구성
주요 기능 및 업무
• 반응형 랜딩 페이지 설계 및 퍼블리싱
• HTML/CSS 중심의 간결한 콘텐츠 개발
• Docker 컨테이너 환경 구성 및 가비아 서버 업로드
주안점
• 초기 브랜드 이미지 강화를 위한 시각 중심 설계
• 가비아 환경에 맞춘 안정적인 배포 프로세스 구성
• 유지보수 없이 장기 운영 가능한 구조로 설계

펫토일렛 포트폴리오



