CASE 48빵그라미2026.06

동그라미로 만든
디저트 브랜드

서울 강남의 당고꼬치빵 디저트 가게 브랜드 랜딩입니다.

업종: 당고꼬치빵 디저트 (서울 강남)
형태: 3페이지 브랜드 랜딩 (메인·메뉴·매장 안내)
구성: 로고·마스코트 · 미리주문 CTA
메뉴 6종 · 매장 지도
기술 스택: Cloudflare Pages · gpt-image-2 캐릭터 · Google Maps 임베드 · prefers-reduced-motion · 반응형 HTML/CSS
호스팅: Cloudflare Pages

빵그라미 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 48

01과제

무엇을 받았고, 무엇을 했나

작은 디저트 가게는 한눈에 기억되는 얼굴이 필요합니다. 그래서 gpt-image-2로 당고 삼총사 로고와 마스코트 포즈 캐릭터를 만들어 동그라미 모티프로 페이지를 꾸미고, 히어로 아래에 오픈채팅·전화 미리주문 버튼을 두었습니다.

메인·메뉴·매장 안내(Google Maps 임베드) 3페이지로 구성했습니다.

핵심 — 기억되는 얼굴당고 삼총사 마스코트를 브랜드의 얼굴로 세우고, 미리주문 버튼으로 바로 이어지게 했습니다.

02화면

히어로가 아니라 실제로 일하는 구간

메뉴·매장 안내 카드 · 미리주문 CTA 2버튼 — 01메뉴·매장 안내 카드 · 미리주문 CTA 2버튼

03구성

이 사이트에 들어간 것

01
당고 삼총사 로고gpt-image-2 생성, 투명 배경
02
마스코트 포즈 캐릭터페이지별 포즈 컷
03
미리주문 CTA 2버튼오픈채팅 · 전화
04
메뉴 6종 배지 그리드메뉴 페이지
05
매장 안내 지도 임베드Google Maps
06
SVG 패턴 배경동그라미 모티프
07
reduced-motion 대응prefers-reduced-motion
08
반응형 모바일HTML/CSS

빵그라미 모바일 전체 화면

모바일 · 스크롤해서 보기

제작 당시 화면을 보존했습니다.

미러본은 납품 시점 화면을 그대로 보존한 사본입니다.

미러본 보기 제작 문의