TerraBrew
디자인 요약
TerraBrew는 콜롬비아 엘 파라이소 농장을 중심으로 싱글 에스테이트 커피 구독 경험을 풀어냅니다. 따뜻한 샌드 캔버스 위에 커피 체리 첫 화면, 인터랙티브 8차원 플레이버 휠, 5단계 산지 이력 타임라인, 보태니컬 스탬프 로트 인증서, 다크 로스트 구독 컨피규레이터를 결합했습니다.
검증 기록
확인됨독립 비주얼 리뷰(8/10)와 독립 UX 워크스루에서 8차원 플레이버 휠 전환, 5단계 이력 타임라인, 500g·매월·핸드드립 분쇄 설정 및 중량 변경 후 가격·요약의 동기화 업데이트를 실제로 조작해 데스크톱과 390폭 모바일 모두 가로 넘침이 없음을 확인했습니다.
검증 범위1차에서 지적된 획일적인 등장 모션과 모바일 인증서 제목의 외톨이 글자는 수정되었으나, 농장 사진은 원본 해상도 한계로 데스크톱 확대 시 디테일이 다소 부드럽게 보입니다. 구독 설정은 로컬 요약만 생성하며 실제 결제 백엔드는 연결되어 있지 않습니다.
프롬프트
싱글 에스테이트 스페셜티 커피 브랜드 ‘TerraBrew’ 공식 웹사이트(1440×900 기준, 폭 390까지 반응형 지원). 첫 화면은 콜롬비아 엘 파라이소 농장의 커피 체리 실사와 수확 로트 정보를 보여주고, 아래로 클릭해 전환하는 8차원 플레이버 휠(플로럴, 프루티, 산미, 단맛, 바디감, 견과류, 초콜릿, 스파이스), 5단계 농장 이력 추적 타임라인, 식물 라인아트 스탬프가 찍힌 단일 로트 인증서 카드, 다크 로스트 브라운 구독 컨피규레이터와 푸터를 배치한다.
8차원 플레이버 휠, 이력 추적 타임라인, 구독 컨피규레이터가 이 작품의 핵심이다. 플레이버 섹터를 클릭하면 농장 테이스팅 노트가 바뀌고, 중량·배송 주기·분쇄도를 변경하면 회당 배송 가격과 플랜 요약이 실시간으로 계산된다.
중국어 원본 프롬프트 보기
单一庄园精品咖啡品牌「TerraBrew」官网(1440×900 起,响应式到 390 宽):首屏呈现哥伦比亚埃尔帕拉伊索庄园当季咖啡果枝实景与产区批次信息;往下依次展开可点击切换的八维咖啡风味轮(花香、果香、酸质、甜感、醇厚、坚果、巧克力、香料)、五步庄园溯源时间轴、带植物线稿印章的单批次凭证卡,以及深烘焙褐订阅配置器与页脚。
八维风味轮、溯源节点与订阅配置器是这件作品的核心:点击风味扇区同步切换庄园风味笔记,切换重量、配送周期和研磨方式时实时计算每次配送价格并生成配置摘要。
라이브 예제 열기