ALLUREWAVE · MOBILE HOME REDESIGN · v2 · 2026.10

얼루어웨이브 모바일 홈 개편 시안 v2현재 홈 vs 개편안(A/B) · 대표 피드백 반영: 롤링 히어로 · 메인 컬러 블루 · 메인 이미지 후보

메인 이미지 후보 고르기 →
후보 46장 중 최대 8장 선택, 번호 복사해서 전달후보 페이지 열기

히어로를 롤링 4장으로(자동 4.5초·인디케이터·슬라이드별 카피+버튼). 첫 장만 즉시 로드, 나머지는 로드 후 주입, 장당 ≤180KB(최대 158KB). 지금 4장은 임시입니다.
메인 컬러 = 브랜드 블루 #4C00E4(현재 헤더 배경색). 블루 위 글자는 버튼 포함 전부 흰색, 대비 8.6:1(WCAG AA 통과). A안의 네온그린 띠배너·라벨은 블루로 교체.
GIF 6개(18MB)·PC 전용 섹션 이미지를 빼고 JPG만 — 이미지 합계 A안 918KB · B안 891KB(롤링 4장 포함, 현재 약 30MB).
신규가입 쿠폰팩·카카오 채널 2,000원·베스트·리뷰 수 등 영업 요소와 상품명·가격·리뷰 수는 현재 홈 그대로입니다.
결정 대기: 베스트 4번째(316L 링크브레이슬릿)가 데일리 스트랩에도 있어 홈에 2번 노출 — 유지/교체 결정 필요(메모 5번).

A안 이미지 19장 · 918KB / 목표 2,500KB · 장당 최대 166KB · GIF 0개

B안 이미지 19장 · 891KB / 목표 2,500KB · 장당 최대 166KB · GIF 0개

현재 얼루어웨이브 모바일 홈 전체 캡처 — 보라 헤더 → 쿠폰 배너 → 베스트 캐러셀(1개씩) → 카카오 쿠폰 → 하이엔드·데일리 스트랩 → 브랜드 문구. 캡처 이미지는 비교용이며 용량 합계에서 제외.

블랙 배경 위 핑크 실리콘 케이블 커넥터 결합부 클로즈업 — 블랙/그레이 베이스 + 브랜드 블루 #4C00E4가 메인 포인트(띠배너·라벨·버튼·순위·혜택). 네온 컬러는 제품 사진 속에만 남겼습니다.

아임웹 구현 메모

공통: 디자인 설정 폰트 Pretendard, 메인 컬러 #4C00E4, 본문 15px·줄간격 1.6, 좌우 여백 20px, 섹션 간 상단 여백 56px. 번호를 누르면 해당 섹션으로 이동합니다.

색 규칙 메인 컬러 = 브랜드 블루 #4C00E4(현재 헤더 섹션 배경색). 블루 위 글자·아이콘은 버튼 포함 전부 흰색 #FFFFFF(대비 8.6:1, WCAG AA·AAA 통과). 블루 배경에 검정·네온 글자 금지. A안: 기존 네온그린 띠배너·라벨·순위 뱃지는 전부 블루로 교체, 네온 컬러는 제품 사진 속에서만. 블루를 검정 배경 위 글자색으로 쓰지 않음(대비 부족) — 라벨은 블루 칩으로.

1띠배너
섹션 높이 40px, 텍스트 위젯 14px/600 1줄 + 링크(회원가입). 기존 띠배너 문구 그대로. 배경 #4C00E4(브랜드 블루) / 글자 흰색 #FFFFFF
2헤더
디자인 > 헤더 모바일: 높이 56px, 로고 이미지 높이 16px(가로형 워드마크), 아이콘 3개(메뉴·검색·장바구니), 배경 #0E0F11, 아이콘 흰색, 장바구니 숫자 뱃지 #4C00E4/흰 글자. 스크롤 고정.
3히어로 (롤링)
비주얼 섹션(슬라이드형), 섹션 높이 520px, 이미지 780×1040 커버. 각 슬라이드 좌상단 텍스트: 라벨 12px 블루 칩(배경 #4C00E4, 흰 글자), 제목 30px/700 흰색, 버튼(배경 #4C00E4, 흰 글자, 높이 48px, 라운드 6px). 상단 35%에 검정 40%→0 그라데이션 오버레이(밝은 사진에서도 흰 글자 대비 확보). [롤링 구현] 아임웹 디자인 모드 > 섹션 추가 > 비주얼 섹션(슬라이드): 슬라이드 4장(3~5장 범위), 자동 넘김 ON 4.5초, 전환 페이드, 인디케이터(점) ON, 모바일 화살표 OFF, 무한 반복 ON. 슬라이드마다 배경 이미지·텍스트·버튼 링크를 개별 지정. 이미지는 JPG 장당 180KB 이하(현재 임시컷 최대 158KB), 첫 장은 가장 가벼운 컷 권장. 아임웹이 2번째 장부터 지연 로드하는지는 설정으로 보장되지 않으니 장당 용량 상한이 핵심. 코드 위젯으로 직접 넣을 경우는 이 시안 코드 그대로: 첫 장만 즉시 로드(fetchpriority=high), 나머지는 data-src → 페이지 로드 후 주입, 인라인 JS·CSS 약 2KB, 외부 라이브러리 없음, 터치·포커스 시 일시정지, 스와이프 지원, 동작 줄이기 설정 시 자동 넘김 끔. 지금 4장은 임시이며 후보 페이지(heroes.html)에서 고르면 교체.
4카테고리 칩
섹션 상하 20px, 3단 그리드. 각 칸 = 이미지 위젯(원형 64px, 상품 대표컷) + 텍스트 14px. 링크 = 트렌디 충전 제품/하이엔드/데일리 메뉴.
5베스트 2열 4개
상품 목록 위젯: 2열 그리드, 4개 노출, 정렬=인기순(현재 설정 유지), 이미지 1:1, 상품명 15px 2줄, 가격 16px 굵게, 정가 취소선, 할인율 표시, 리뷰 수 표시 ON. 현재 3개 → 4개(4번째: 316L 링크브레이슬릿, 리뷰 5,186)로 2열 짝수 맞춤. 순위 숫자는 상품 아이콘(뱃지) 또는 생략 가능. [결정 대기] 4번째 316L 링크브레이슬릿은 아래 데일리 스트랩에도 들어 있어 홈에 2번 노출됨 — 그대로 둘지, 다른 상품으로 바꿀지 대표 결정 필요.
6케이블 컬러 라인업
섹션 배경 #16181B. 라벨은 블루(#4C00E4) 칩+흰 글자(블루 텍스트를 검정 위에 직접 쓰면 대비 2.3:1로 불가). 이미지 위젯 1:1(a-lineup.jpg) 풀폭 → 텍스트 위젯(라벨+제목 22px) → 컬러 칩 5개(텍스트 위젯, 원형 색 점은 이모지 대신 작은 이미지 or 버튼 위젯 테두리) → 2행 링크 리스트(텍스트+가격, 하단 1px 구분선 #2A2D31).
7혜택 블록
2단 → 모바일 1단 세로 스택. 각 블록 = 섹션 내부 박스(배경색, 라운드 6px) + 텍스트 위젯(라벨 12px, 제목 18px/700, 금액 28px) + 버튼 위젯(높이 48px, 전체폭, 블루 #4C00E4 버튼은 글자 흰색). 카카오 버튼은 #FEE500/검정 글자(카카오 가이드). 기존 링크·추적 그대로 연결.
8하이엔드 스트랩
상품 목록 위젯(기존 하이엔드 위젯 유지): 2열 그리드 4개, 설정은 베스트와 동일. 제목 텍스트는 현재 문구 그대로.
9데일리 스트랩
상품 목록 위젯(기존 데일리 위젯 유지): 2열 그리드 4개, 설정 동일.
10라이프스타일 + 브랜드 문구
섹션 배경 이미지(a-life.jpg 4:5) + 하단 텍스트 오버레이(제목 20px 흰색, 링크 15px). 하단 40% 검정 그라데이션은 섹션 오버레이 색(#000 50%)으로 대체 가능.
11신뢰 요소
섹션 배경 #16181B, 아이콘은 블루 원(#4C00E4) 안 흰색, 3단(모바일 1단) 텍스트+아이콘 위젯, 15px. 리뷰 합계는 숫자 텍스트로 월 1회 갱신(자동 합산 위젯 없음). 배송 문구는 상품 상세(idx=58) 배송 설정 기준.
12푸터
디자인 > 푸터: 로고 심볼 24px, 사업자 정보는 접기(아코디언 미지원 시 13px 그대로 노출). 법정 표기 항목 삭제 금지.

색 규칙 메인 컬러 = 브랜드 블루 #4C00E4(현재 헤더 섹션 배경색). 블루 위 글자·아이콘은 버튼 포함 전부 흰색 #FFFFFF(대비 8.6:1, WCAG AA·AAA 통과). 블루 배경에 검정·네온 글자 금지. B안: 화이트 베이스, 블루는 띠배너·버튼·라벨 글자·쿠폰 블록. 흰 배경 위 블루 글자는 허용(8.6:1).

1띠배너
섹션 높이 40px, 텍스트 위젯 14px/600 1줄 + 링크(회원가입). 기존 띠배너 문구 그대로. 배경 #4C00E4(브랜드 블루) / 글자 흰색 #FFFFFF
2헤더
디자인 > 헤더 모바일: 높이 56px, 로고 이미지 높이 16px(가로형 워드마크), 아이콘 3개(메뉴·검색·장바구니), 배경 #FFFFFF, 하단 1px #ECEDF0, 장바구니 숫자 뱃지 #4C00E4/흰 글자. 스크롤 고정.
3히어로 (롤링)
비주얼 섹션(슬라이드형), 이미지 780×975(4:5) + 그 아래 텍스트 영역(여백 26/20px): 라벨 12px 블루 글자, 제목 28px/700 #111317, 버튼(배경 #4C00E4, 흰 글자, 높이 48px, 라운드 14px). 텍스트를 이미지 밖에 둬 어떤 사진이 와도 가독성 유지. [롤링 구현] 아임웹 디자인 모드 > 섹션 추가 > 비주얼 섹션(슬라이드): 슬라이드 4장(3~5장 범위), 자동 넘김 ON 4.5초, 전환 페이드, 인디케이터(점) ON, 모바일 화살표 OFF, 무한 반복 ON. 슬라이드마다 배경 이미지·텍스트·버튼 링크를 개별 지정. 이미지는 JPG 장당 180KB 이하(현재 임시컷 최대 158KB), 첫 장은 가장 가벼운 컷 권장. 아임웹이 2번째 장부터 지연 로드하는지는 설정으로 보장되지 않으니 장당 용량 상한이 핵심. 코드 위젯으로 직접 넣을 경우는 이 시안 코드 그대로: 첫 장만 즉시 로드(fetchpriority=high), 나머지는 data-src → 페이지 로드 후 주입, 인라인 JS·CSS 약 2KB, 외부 라이브러리 없음, 터치·포커스 시 일시정지, 스와이프 지원, 동작 줄이기 설정 시 자동 넘김 끔. 지금 4장은 임시이며 후보 페이지(heroes.html)에서 고르면 교체.
4카테고리 칩
섹션 상하 20px, 3단 그리드. 각 칸 = 이미지 위젯(원형 64px, 상품 대표컷) + 텍스트 14px. 링크 = 트렌디 충전 제품/하이엔드/데일리 메뉴.
5베스트 2열 4개
상품 목록 위젯: 2열 그리드, 4개 노출, 정렬=인기순(현재 설정 유지), 이미지 1:1, 상품명 15px 2줄, 가격 16px 굵게, 정가 취소선, 할인율 표시, 리뷰 수 표시 ON. 현재 3개 → 4개(4번째: 316L 링크브레이슬릿, 리뷰 5,186)로 2열 짝수 맞춤. 순위 숫자는 상품 아이콘(뱃지) 또는 생략 가능. [결정 대기] 4번째 316L 링크브레이슬릿은 아래 데일리 스트랩에도 들어 있어 홈에 2번 노출됨 — 그대로 둘지, 다른 상품으로 바꿀지 대표 결정 필요.
6케이블 컬러 라인업
섹션 배경 #F4F5F7. 이미지 위젯 1:1 라운드 16px(b-lineup.jpg) → 텍스트 위젯(라벨+제목 22px) → 컬러 칩 5개 → 2행 링크 리스트(흰 박스, 라운드 12px).
7혜택 블록
2단 → 모바일 1단 세로 스택. 각 블록 = 섹션 내부 박스(배경색, 라운드 16px) + 텍스트 위젯(라벨 12px, 제목 18px/700, 금액 28px) + 버튼 위젯(높이 48px, 전체폭, 블루 #4C00E4 버튼은 글자 흰색). 카카오 버튼은 #FEE500/검정 글자(카카오 가이드). 기존 링크·추적 그대로 연결.
8하이엔드 스트랩
상품 목록 위젯(기존 하이엔드 위젯 유지): 2열 그리드 4개, 설정은 베스트와 동일. 제목 텍스트는 현재 문구 그대로.
9데일리 스트랩
상품 목록 위젯(기존 데일리 위젯 유지): 2열 그리드 4개, 설정 동일.
10라이프스타일 + 브랜드 문구
이미지 위젯(b-life.jpg 4:5) 풀폭 → 아래 흰 배경 텍스트(제목 20px #111317, 링크 15px 보라). 오버레이 없음.
11신뢰 요소
섹션 배경 #F4F5F7, 아이콘 블루 #4C00E4, 3단(모바일 1단) 텍스트+아이콘 위젯, 15px. 리뷰 합계는 숫자 텍스트로 월 1회 갱신(자동 합산 위젯 없음). 배송 문구는 상품 상세(idx=58) 배송 설정 기준.
12푸터
디자인 > 푸터: 로고 심볼 24px, 사업자 정보는 접기(아코디언 미지원 시 13px 그대로 노출). 법정 표기 항목 삭제 금지.

얼루어웨이브 모바일 홈 개편 시안 v2현재 홈 vs 개편안(A/B) · 대표 피드백 반영: 롤링 히어로 · 메인 컬러 블루 · 메인 이미지 후보

책상 위의 네온,
충전은 초고속으로

다섯 가지 컬러,
고르는 재미까지

같은 워치,
다른 격

리뷰 5,552건이 고른
컬러 충전 케이블

가장 주목받는
베스트 아이템

고르는 재미가 있는
컬러 충전 케이블

같은 워치, 다른 격
하이엔드 스트랩

어제와 다른 오늘
데일리 스트랩

획일화된 세상에서,
범상치 않은 디테일을 더합니다

매일 쓰는 케이블에
컬러를 더하다

손목 위의 가죽,
아뜰리에 스트랩

충전기와 케이블,
컬러를 맞추다

어제와 다른 오늘의
데일리 스트랩

가장 주목받는
베스트 아이템

고르는 재미가 있는
컬러 충전 케이블

같은 워치, 다른 격
하이엔드 스트랩

어제와 다른 오늘
데일리 스트랩

획일화된 세상에서,
범상치 않은 디테일을 더합니다

책상 위의 네온,충전은 초고속으로

가장 주목받는베스트 아이템

고르는 재미가 있는컬러 충전 케이블

같은 워치, 다른 격하이엔드 스트랩

어제와 다른 오늘데일리 스트랩

획일화된 세상에서,범상치 않은 디테일을 더합니다

매일 쓰는 케이블에컬러를 더하다

가장 주목받는베스트 아이템

고르는 재미가 있는컬러 충전 케이블

같은 워치, 다른 격하이엔드 스트랩

어제와 다른 오늘데일리 스트랩

획일화된 세상에서,범상치 않은 디테일을 더합니다

책상 위의 네온,
충전은 초고속으로

가장 주목받는
베스트 아이템

고르는 재미가 있는
컬러 충전 케이블

같은 워치, 다른 격
하이엔드 스트랩

어제와 다른 오늘
데일리 스트랩

획일화된 세상에서,
범상치 않은 디테일을 더합니다

매일 쓰는 케이블에
컬러를 더하다

가장 주목받는
베스트 아이템

고르는 재미가 있는
컬러 충전 케이블

같은 워치, 다른 격
하이엔드 스트랩

어제와 다른 오늘
데일리 스트랩

획일화된 세상에서,
범상치 않은 디테일을 더합니다