HACCP 인증 공장에서 만드는 국내산 돼지고기 77% 떡갈비 생반죽을 파는 쇼핑몰과 관리 화면입니다. 로고는 '왕' 위에 왕관을 얹고 '땅'의 받침을 석쇠 자국 난 떡갈비로 바꿔 새로 그렸고, 숯 갈색ㆍ불씨 주황ㆍ왕관 금 색과 굵은 제목 글꼴로 숯불 분위기를 잡았습니다. 홈은 숯불 사진 첫 화면에서 브랜드 이야기와 연혁, 인증ㆍ허가와 공장 사진, 사진으로 보는 굽는 법 6단계, 활용 메뉴 8가지로 이어지고, 받은 라벨과 조리법으로 상세페이지 10장도 HTML 틀로 직접 만들었습니다. 업소용 대용량은 납품ㆍ가맹 페이지에서 쓰이는 곳과 만드는 곳, 진행 순서를 보여 주고 문의를 받습니다. 관리 화면에서는 주문 확인ㆍ출고 담당자 알림ㆍ송장과 상품ㆍ사진ㆍ배너ㆍ쿠폰을 직접 다룹니다. 기술 스택: Next.js, React, TypeScript, Prisma, PostgreSQL, PortOne, Nginx

PC 홈 첫 화면. 숯불 석쇠 사진 위 큰 제목, 돌아가는 도장과 흐르는 띠(국내산 돼지고기 77%, HACCP 인증 공장)

휴대폰 3화면: 홈 첫 화면, 대표 상품 왕땅 떡갈비 생반죽, 숯 바탕 브랜드 이야기

PC 브랜드 이야기. 국내산 돼지고기 77%, HACCP 인증 공장, 누구나 쉽게, 다양한 활용과 걸어온 길

휴대폰 3화면: 브랜드 이야기와 연혁, HACCP 인증 공장과 공장 사진, 맛있게 굽는 법

PC 맛있게 굽는 법 6단계. 단계마다 사진 카드, 에어프라이어 굽는 법

PC 이렇게도 즐겨요. 치즈 떡갈비, 만두, 고추튀김, 볼카츠, 볶음밥, 매운 떡갈비, 명절 전, 냉면

PC 상품 상세. 사진 갤러리, 제조 공장 표시, 1kg과 3kg 중량 선택과 100g당 가격

휴대폰 3화면: 상세 갤러리, 중량 선택과 총 금액, 상세페이지 첫 장

직접 만든 상세페이지 10장 전체. 특별한 이유, 옵션, 포장, 굽는 법, 활용 요리, 보관

휴대폰 3화면: 업소 납품 첫 화면, 쓰이는 곳 사진 카드, 만드는 곳(공장 사진과 인증)