카페24 기본 스킨형 메인을 브랜드가 먼저 읽히는 구조로 다시 설계한 샘플입니다. 가상 브랜드 '온도커피'로 작업했고 상품 사진은 시안용 이미지(AI 생성 포함)입니다. 바꾼 점 - 할인 배너뿐이던 첫 화면에 가게의 차별점(원두별 추출 온도)과 대표 상품 배치 - BEST/NEW에 반복되던 상품 대신 대표 원두 3종을 추출 온도 순서로 정리 - 상품 한 칸에 묻힌 정기배송과 선물세트를 큰 카드로 분리 - 메뉴 11개를 5개로 줄이고 모바일 하단 고정 바와 가로 스크롤 목록 적용 카페24 스킨 HTML/CSS 편집으로 옮길 수 있는 범위에서 설계했습니다. 실제 작업은 디자인 복사본에서 수정하고 확인을 거친 뒤 반영합니다.

Before/After 요약: 바꾼 점 4가지

After: PC 메인 전체 화면

After: 모바일 메인 (하단 고정 바, 가로 스크롤 상품 목록)

Before: 카페24 기본 스킨형 메인
노규민(브릿지노드)
웹 디자인
브릿지노드 소개영상
02쇼핑몰 점검 항목 57개와 실행 시나리오
05카페24 식품 쇼핑몰 운영 대행, 배송 설정과 정기 구매흐름 QA
02카페24 브랜드앱 출시 지원, 게시판 신고/차단 스킨 수정 (식품 쇼핑몰)
02잼잼비트 뮤직 포레스트
06AI 자동 QA로 쇼핑몰 주문 흐름 19개 항목 점검한 사례
06지하철 붐빔예보: 혼잡도 예측 + 실시간 도착을 한 화면에 (자체 기획 및 개발 웹앱)
03고성능 AI 의료 영상 분석 웹 플랫폼, 2주 반 만에 110만원으로 완성
016AI로 만든 업체 소개영상입니다 참고 부탁드려요~
028- 더보기
신비수 | 식품(차) 상세페이지
054포트폴리오04
011아임웹 디저트 카페 홈페이지 제작 / 브랜드 감성과 선물 주문 흐름 중심
19라라 수제 블루베리잼
011상세페이지
024영심안신 | 식품(차) 상세페이지
032상세페이지 포트폴리오
046생대파 총요우빙 상세페이지 | 식품 스마트스토어 상세페이지 디자인
00온라인 셀러의 상품 콘텐츠를 디자인합니다.
00

















