YEONY'S ARCHIVE 202636 IDX
Y
수산물

F·Page 디자인

2026-08-22

새벽수산 (반응형)

산지직송 수산물 · F·Page

08 포틀릿 판과 같은 브랜드를 반응형 엔진으로 다시 지은 것.

구현 사항 3 ▾
  • 640 고정폭 대신 화면 폭을 실제로 씀 — 격자 2→3→4→5열
  • 히어로 문구를 이미지에 굽지 않아 어느 폭에서도 안 잘림
  • 08에 없던 목록 필터 · 브랜드 이야기 페이지

화면 4

홈 — 전폭 히어로 3장. 문구는 이미지가 아니라 HTML
홈 — 전폭 히어로 3장. 문구는 이미지가 아니라 HTML
전체 상품 — 필터 열 + 4열 격자. 1280↑에서 추천 랭킹이 얹힌다
전체 상품 — 필터 열 + 4열 격자. 1280↑에서 추천 랭킹이 얹힌다
상품 상세 — 좌우 분할 + 스티키 구매 영역
상품 상세 — 좌우 분할 + 스티키 구매 영역
새벽수산 이야기 — 08에는 없던 페이지
새벽수산 이야기 — 08에는 없던 페이지

알아둘 점

  • ·08 포틀릿 판과 같은 브랜드다. 상품·가격·산지·로고·상품 사진을 공유하고 엔진만 다르다.
  • ·08에서 어드민 슬롯이 하나뿐이라 못 고쳤던 흰 카드 할인율 3.4:1 을, F·Page 에는 그 제약이 없어 4.5:1 이상으로 고쳤다.
  • ·히어로 이미지 4장은 문구가 구워져 있지 않다. 프롬프트에서 글자를 금지해 뽑고 카피는 HTML 로 얹는다.

© 2026 Heeyeon.Kim — YEONY'S ARCHIVE

aboutyeony.works [at] gmail.comgithub ↗

본 아카이브에 게시된 모든 글·디자인·코드·이미지에 대한 권리는 Heeyeon.Kim에게 있습니다. 글은 출처와 원문 링크를 밝히면 인용하실 수 있습니다. 다만 글 전문 전재, 그리고 디자인·코드·이미지의 복제·배포·2차 저작 및 상업적 사용은 yeony.works [at] gmail.com으로 사전에 문의해 주시기 바랍니다.