포트폴리오 목록

SLAB 슬랩 정육 수산 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 한우와 수산물을 파는 정육점과 수산몰을 위한 디자인입니다. 차가운 철판 회색과 검정을 쓰고, 첫 화면 오른쪽에 축산물 표시 라벨을 확대한 판을 두어 등급과 중량, 숙성 일수, 100g당 단가가 먼저 읽히게 했습니다. 아래로 오늘 입고 수량, 많이 산 상품, 중량 계산기, 오늘 새벽 위판 목록, 정기배송이 이어집니다. [주요 기능] 1. 표시 라벨 첫 화면 - 등급, 중량, 산지, 숙성 일수, 이력번호, 100g당 단가를 축산물 표시 라벨처럼 확대해 첫 화면 오른쪽에 놓았습니다. 2. 오늘 입고 띠 - 검정 띠에 오늘 들어온 한우와 수산물 수량, 숙성실 온도를 숫자 여섯 칸으로 보여 줍니다. 3. 스펙 3칸 카드 - 상품 카드 안에 등급, 중량, 두께를 표로 넣고 왼쪽 위에 등급 각인 배지를 붙였습니다. 4. 몇 g 사면 될까 계산기 - 부위와 두께, 인원을 고르면 권장 중량, 예상 금액, 팬 굽기 시간, 커팅 장수가 나옵니다. 5. 새벽 위판과 출고 마감 - 항구와 위판 시각, 남은 수량, 손질 방법 칩을 목록으로 보여 주고 출고 마감까지 남은 시간과 도착 단계를 함께 둡니다. [디자인] - 철판 회색과 검정 면에 빨강을 할인과 등급 각인에만 써서 차가운 정육점 진열대 인상을 냈습니다. - 한글은 Pretendard, 숫자와 영문 로고는 Barlow Condensed입니다. - 모서리와 그림자 없이 선과 숫자로만 정리했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조

SLAB 슬랩 정육 수산 쇼핑몰 디자인 화면 1SLAB 슬랩 정육 수산 쇼핑몰 디자인 화면 2SLAB 슬랩 정육 수산 쇼핑몰 디자인 화면 3

이런 프로젝트를 준비하고 계신가요?

이 사례로 상담하기

만들고 싶은 서비스가 있나요?

AI 상담에서 비슷한 사례와 진행 방식을 바로 물어보세요. 연락처를 남기시면 담당자가 직접 연락드립니다.