프로젝트 배경
1. 문제점 - 카페의 분위기와 브랜드 이미지를 온라인에서 효과적으로 전달할 수 있는 웹사이트 필요 - 메뉴, 공간, 위치, 영업시간 등 방문 전 필요한 정보가 여러 채널에 분산될 경우 고객이 정보를 확인하기 불편함 - 모바일을 통한 매장 검색이 많은 만큼 PC와 모바일 모두에서 편리하게 이용할 수 있는 화면 구성 필요 2. 프로젝트 목표 - 브랜드 이미지 강화: 카페의 감성
프로젝트 성과
브랜드 및 매장 정보 통합
카페의 브랜드 이미지, 메뉴, 공간, 후기, 위치 및 방문 정보를 하나의 웹사이트에서 확인할 수 있도록 통합 구성
PC·모바일 반응형 웹 구현
PC와 모바일 등 다양한 화면 크기에 대응하도록 반응형 레이아웃을 구현해 기기별 가독성과 사용성을 최적화
메뉴 탐색 편의성 개선
메뉴를 카테고리별로 구분하고 이미지, 설명, 가격 정보를 직관적으로 확인할 수 있는 UI로 구성
직관적인 사용자 흐름 구축
브랜드 소개 → 메뉴 → 공간 → 고객 후기 → 위치 및 방문 안내로 자연스럽게 이어지는 콘텐츠 구조 설계
방문 및 예약 전환 동선 구성
예약 및 방문 안내 CTA를 주요 영역에 배치해 사용자가 필요한 정보 확인 후 다음 행동으로 쉽게 이동할 수 있도록 구현
핵심 기능
진행 단계
기획 및 구조 설계
2026.08.
카페 브랜드 콘셉트와 주요 콘텐츠를 정리하고, 메뉴·브랜드 스토리·공간·후기·위치 및 방문 안내로 이어지는 전체 페이지 구조를 설계했습니다.
프로젝트 상세
1) 포트폴리오 소개 카페 및 F&B 매장을 위한 브랜드형 반응형 홈페이지를 기획·개발했습니다. 카페의 분위기와 브랜드 이미지를 효과적으로 전달하면서 방문자가 메뉴, 공간, 매장 정보 등 필요한 정보를 직관적으로 확인할 수 있도록 구성했습니다. 2) 작업 범위 * 웹사이트 화면 구성 및 UI/UX 설계 * Front-end 개발 * PC / 모바일 반응형 웹 구현 * 브랜드 콘셉







