This website requires JavaScript.
포트폴리오 대표 이미지
웹 디자인카페24 쇼핑몰 메인 리모델링, PC와 모바일 (원두 쇼핑몰 샘플)
  • 지역비대면 진행
  • 예산500,000원
  • 이용 목적메인페이지
  • 분량1페이지

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

이미지 2

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

이미지 4

After: PC 메인 전체 화면

이미지 6

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

이미지 8

Before: 카페24 기본 스킨형 메인

노규민(브릿지노드)
웹 디자인
별점
5.0(6)
디자이너 & 개발자 홈페이지·쇼핑몰 제작부터 오류 점검·유지보수까지 | BRIDGENODE

브릿지노드 소개영상

0
2

쇼핑몰 점검 항목 57개와 실행 시나리오

0
5

카페24 식품 쇼핑몰 운영 대행, 배송 설정과 정기 구매흐름 QA

0
2

카페24 브랜드앱 출시 지원, 게시판 신고/차단 스킨 수정 (식품 쇼핑몰)

0
2
  • 브릿지노드 소개영상

    0
    2
  • 쇼핑몰 점검 항목 57개와 실행 시나리오

    0
    5
  • 카페24 식품 쇼핑몰 운영 대행, 배송 설정과 정기 구매흐름 QA

    0
    2
  • 카페24 브랜드앱 출시 지원, 게시판 신고/차단 스킨 수정 (식품 쇼핑몰)

    0
    2
  • 잼잼비트 뮤직 포레스트

    0
    6
  • AI 자동 QA로 쇼핑몰 주문 흐름 19개 항목 점검한 사례

    0
    6
  • 지하철 붐빔예보: 혼잡도 예측 + 실시간 도착을 한 화면에 (자체 기획 및 개발 웹앱)

    0
    3
  • 고성능 AI 의료 영상 분석 웹 플랫폼, 2주 반 만에 110만원으로 완성

    0
    16
  • AI로 만든 업체 소개영상입니다 참고 부탁드려요~

    0
    28
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

신비수 | 식품(차) 상세페이지

0
54

포트폴리오04

0
11

아임웹 디저트 카페 홈페이지 제작 / 브랜드 감성과 선물 주문 흐름 중심

1
9

라라 수제 블루베리잼

0
11
  • 신비수 | 식품(차) 상세페이지

    0
    54
  • 포트폴리오04

    0
    11
  • 아임웹 디저트 카페 홈페이지 제작 / 브랜드 감성과 선물 주문 흐름 중심

    1
    9
  • 라라 수제 블루베리잼

    0
    11
  • 상세페이지

    0
    24
  • 영심안신 | 식품(차) 상세페이지

    0
    32
  • 상세페이지 포트폴리오

    0
    46
  • 생대파 총요우빙 상세페이지 | 식품 스마트스토어 상세페이지 디자인

    0
    0
  • 온라인 셀러의 상품 콘텐츠를 디자인합니다.

    0
    0