카페 홈페이지 시안 첫 화면
실제 화면 캡처

홈페이지 컨셉 시안

카페 홈페이지

이번 주 원두와 메뉴판을 글자로 담은 로스터리 카페 시안입니다.

견본 페이지 열기 (새 창)

견적 문의

작업 기록

실제 화면

카페 홈페이지 시안 첫 화면. 「매일 아침, 직접 볶은 한 잔.」과 커피잔 그림 (PC)
카페 홈페이지 시안 첫 화면. 「매일 아침, 직접 볶은 한 잔.」과 커피잔 그림 (휴대폰)
실제 페이지와 프로그램을 찍은 화면을 기기 틀에 넣었습니다.

소개

매일 아침 직접 볶은 원두로 커피를 내리는 로스터리 카페 ‘온당 커피’의 컨셉 시안입니다. 가게 이름은 시안을 위해 지었습니다.

주요 기능

  • 이번 주 원두, 메뉴와 가격, 공간, 오시는 길이 한 흐름으로 이어집니다.
  • 메뉴판을 그림이 아닌 글자로 넣어 가격이 바뀌면 바로 고칠 수 있습니다.
  • 이번 주 원두 이름이 첫 화면 아래로 천천히 흘러갑니다.

적용 기술

HTML, CSS
스크립트 없이 파일 하나로 된 정적 페이지
Google Fonts
글꼴

시연과 체험

관련 작업

맡은 일과 AI 도구

AI 도구를 쓴 곳

  • 화면 구성, 문구, 코드는 AI 코딩 도구(Claude)로 만들었습니다(저장소 기록 2026-10-03, 2026-10-08).