오후세시 로스터리 첫 화면. 왼쪽에 "좋아하는 맛을 적으면, 이번 주 원두를 골라 드려요" 제목과 입력창, 오른쪽에 쌓인 원두 상자 그림.
← SIDE A 트랙 목록

Track A1

오후세시 로스터리

분류
랜딩 페이지 · 시험 작업
날짜
2026.11
도구
패턴 카드(Relume) · HTML · Canvas

가상의 동네 로스터리로 만든 원두 구독 랜딩 페이지. 레퍼런스 카드를 입힌 디자인과 AI 기본값 디자인을 버튼 하나로 비교할 수 있다.

실제 가게가 아니라 패턴 카드가 디자인을 얼마나 바꾸는지 확인하려고 만든 시험 작업이에요.

한 일

  • 레퍼런스 사이트에서 색, 글자, 간격 값을 측정해 패턴 카드로 저장
  • 카드의 원리만 가져오고 포인트 색은 새로 고름
  • 좋아하는 맛을 적으면 원두를 추천하는 입력창을 첫 화면 행동 유도로 사용
  • 맨 위 버튼으로 “AI 기본값” 디자인과 비교

배운 점

영문 글꼴은 한글에서 사라져서 한글 글꼴을 따로 지정해야 해요. 그리고 웜톤 배경을 습관처럼 쓰면 그것도 새로운 “AI 티”가 돼요.

Next track

비슷한 사이트가 필요하신가요?