안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
반응형 웹 기반 주류회사 소개 홈페이지 구축
개발 · 디자인 · 기획
홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형, 랜딩ㆍ소개 페이지
프로젝트 배경
에이리커컴퍼니는 프리미엄 수제주 제조 브랜드로, 온라인 채널을 통한 브랜드 홍보 및 제품 인지도 강화를 위해 반응형 홈페이지를 필요로 했습니다.
기존 브랜드 소개 사이트는 단편적인 정보 전달 위주로 구성되어 있었으며, 시각적 일관성 부족과 모바일 사용 환경의 제약이 문제였습니다.
이에 따라 시각적 브랜딩, 콘텐츠 흐름, 기술적 구현이 통합된 사용자 친화적 홈페이지를 구축하였습니다.
프로젝트 성과
브랜드 이미지 강화 및 체류 시간 증가
브랜드 가치에 맞춘 시각적 설계를 통해 사용자 평균 체류 시간이 45% 이상 증가하였습니다.
운영 유지비용 절감
Docker 기반 자동화 배포 시스템을 통해 운영 관리 효율성을 높이고 유지보수 인력을 절감하였습니다.
반응형 UX로 전환율 2배 상승
모바일 최적화와 제품 중심 콘텐츠 구조로, 유입 대비 제품 상세 페이지 전환율이 2배 증가했습니다.
핵심 기능
✅ 반응형 콘텐츠 구성
브라우저와 디바이스 종류에 따라 콘텐츠가 최적화되는 구조로 퍼블리싱을 설계하였습니다.
✅ 제품 소개 및 이미지 중심 설계
각 제품의 고유 이미지, 설명, 음용법 등을 중심으로 콘텐츠 구조를 시각화해 브랜드 특성을 극대화했습니다.
✅ Docker 기반 운영 환경
React 및 Docker 환경을 기반으로 제작되어 배포 자동화 및 운영 안정성을 높였습니다.
진행 단계
기획 및 요구사항 정리
2019.11.
• 브랜드 이미지와 콘텐츠 전달 목표 정의
• 경쟁사 사이트 및 사용자 행동 흐름 분석
디자인 및 인터랙션 설계
2019.12.
• 모바일/PC 반응형 화면 설계
• 브랜드 특성을 살린 인터랙션 효과 기획 및 시안 도출
개발 및 배포
2020.01.
• React 기반 프론트엔드 개발
• Docker 기반 배포 및 안정성 테스트 진행
프로젝트 상세
포트폴리오 소개
에이리커 컴퍼니는 주류 전문 브랜드의 정체성과 제품 가치를 직관적으로 전달하기 위해 구축된 반응형 브랜드 홈페이지입니다. 제품 소개부터 기업 철학, 홍보 콘텐츠까지 통합 구성되어 있으며, 전반적인 사용자 경험을 고도화하는 것을 목표로 설계되었습니다.

작업 범위
• 기획: 브랜드 스토리텔링 및 콘텐츠 구성 기획
• 디자인: 반응형 UI/UX, 제품·브랜드 페이지 시각화 디자인
• 개발: React 기반 프론트엔드, Node.js 백엔드, 반응형 웹
• 운영환경: Docker 기반 배포 및 유지관리, 관리자 편집 기능 포함

주요 기능 및 업무
• 브랜드 철학 및 연혁 소개 페이지
• 제품 소개 콘텐츠 등록 및 수정 기능
• 홍보 영상, 이미지 등 에셋 뷰어
• 관리자용 콘텐츠 관리 기능

주안점
• 브랜드 가치 전달을 위한 정보구조 최적화
• 주류업계 규제에 따른 적절한 접근성 설계
• 유지보수 효율성을 고려한 구조 설계 및 모듈화
• 클라이언트와의 지속 협업을 위한 유지관리 시스템 포함

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

sw******
개발 · 법인사업자

프로젝트 정보

참여 기간
2019.11. ~ 2020.01.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
에이리커컴퍼니
관련 기술
Figma
CSS
Docker
JavaScript
React