토론

NovaTrend 프리미엄 전자상거래 웹사이트 UI/UX 디자인 브리프

Wikiprompt, 무료 프롬프트 백과사전에서

abbasi
기여자abbasi출처

2026년 6월 7일

NovaTrend 프리미엄 전자상거래 웹사이트 UI/UX 디자인 브리프 럭셔리 Shopify 스타일 이커머스 사이트를 위한 페이지별 전체 사양서 - 섹션, 색상, 인터랙션 포함, 디자인 생성용.

관련 미디어

프롬프트 내용저장

🌐
완전한 이커머스 웹사이트 UI/UX 디자인 프롬프트 NovaTrend라는 트렌디한 온라인 브랜드를 위한 세계적 수준의 프리미엄 이커머스 웹사이트를 디자인하세요. 디자인은 Apple, Nike, Zara, Gymshark, Dyson, 그리고 현대적인 Shopify Plus 스토어의 조합처럼 느껴져야 하며, 탁월한 UI/UX, 럭셔리한 비주얼, 부드러운 애니메이션, 그리고 전환에 최적화된 레이아웃을 갖춰야 합니다. 캔버스 설정 너비: 1440px 높이: 자동 / 롱 스크롤 레이아웃 데스크톱, 태블릿, 모바일 반응형 디자인 12컬럼 그리드 시스템 최대 콘텐츠 너비: 1320px 깔끔한 간격과 시각적 위계 디자인 스타일 비주얼 방향 모던 럭셔리 미니멀리스트 프리미엄 Apple에서 영감을 받은 UI 고급 제품 프레젠테이션 깔끔한 화이트 스페이스 글라스모피즘 효과 소프트 섀도우 부드러운 애니메이션 인터랙티브 요소 마이크로 인터랙션 높은 전환 집중 컬러 팔레트 기본: #111111 보조: #FFFFFF 강조: #FF6B35 라이트 그레이: #F8F9FA 성공: #22C55E 텍스트: #1A1A1A 상단 공지 바 내비게이션 바 위의 전체 너비 알림 바. 예시: 🚚 $50 이상 전 세계 무료 배송 🎉 여름 세일 최대 70% 할인 ⚡ 한정 시간 플래시 딜 내비게이션 바 스티키 프리미엄 내비게이션 바 왼쪽 브랜드 로고 중앙 홈 쇼핑 신상품 베스트셀러 카테고리 블로그 문의 오른쪽 검색 아이콘 위시리스트 아이콘 계정 아이콘 배지가 있는 장바구니 아이콘 기능 스크롤 시 스티키 메가 메뉴 호버 효과 검색 모달 모바일 메뉴 부드러운 전환 히어로 섹션 대형 시네마틱 히어로 레이아웃 왼쪽: 헤드라인 서브헤드라인 콜투액션 버튼 오른쪽: 프리미엄 제품 쇼케이스 플로팅 제품 카드 3D 제품 디스플레이 헤드라인 "당신이 사랑할 제품을 발견하세요" 서브헤드라인 현대적인 라이프스타일을 위해 큐레이션된 최신 트렌드 제품을 쇼핑하세요. 버튼 기본: 지금 쇼핑하기 보조: 컬렉션 둘러보기 효과 패럴랙스 모션 플로팅 요소 부드러운 진입 애니메이션 프리미엄 조명 신뢰 배지 섹션 네 개의 기능 카드 기능 ✓ 무료 배송 ✓ 안전한 결제 ✓ 쉬운 반품 ✓ 24/7 지원 애니메이션 아이콘 호버 효과 추천 카테고리 모던 그리드 레이아웃 카테고리 패션 전자기기 뷰티 피트니스 홈 데코 액세서리 각 카드 포함: 카테고리 이미지 오버레이 텍스트 호버 줌 CTA 버튼 신상품 섹션 모던 제품 그리드 각 제품 카드 포함: 제품 이미지 제품명 가격 할인 가격 평점 위시리스트 버튼 빠른 보기 버튼 장바구니 담기 호버 애니메이션: 이미지 전환 스케일 효과 플로팅 버튼 베스트셀러 섹션 프리미엄 제품 쇼케이스 기능 대형 제품 카드 베스트셀러 배지 리뷰 빠른 구매 버튼 트렌딩 제품 캐러셀 가로 제품 슬라이더 기능 자동 슬라이드 화살표 컨트롤 스와이프 지원 제품 라벨 배지: 트렌딩 핫 한정 재고 플래시 세일 섹션 대형 프로모션 섹션 포함 카운트다운 타이머 시간 분 초 콘텐츠 할인 제품 세일 퍼센트 CTA 버튼 "세일 쇼핑하기" 왜 우리를 선택해야 하나요 럭셔리 기능 섹션 기능 프리미엄 품질 빠른 배송 안전한 결제 고객 만족 디자인 모던 아이콘 그라디언트 배경 호버 애니메이션 추천 컬렉션 섹션 대형 컬렉션 쇼케이스 예시 여름 컬렉션 럭셔리 컬렉션 피트니스 컬렉션 테크 컬렉션 각 컬렉션 포함: 배너 이미지 컬렉션 설명 컬렉션 쇼핑 버튼 비디오 쇼케이스 섹션 전체 너비 비디오 섹션 기능 자동 재생 배경 비디오 재생 버튼 오버레이 제품 스토리 브랜드 스토리텔링 고객 후기 프리미엄 리뷰 슬라이더 포함 고객 이미지 이름 평점 리뷰 텍스트 인증 구매 배지 효과 캐러셀 애니메이션 글라스 카드 소셜 증명 섹션 통계 표시 예시 50,000+ 행복한 고객 4.9★ 평균 평점 100만+ 판매된 제품 100+ 서비스 국가 인스타그램 쇼핑 섹션 쇼핑 가능한 인스타그램 피드 기능 이미지 그리드 제품 태그 호버 효과 좋아요 수 쇼핑 버튼 뉴스레터 섹션 럭셔리 이메일 가입 헤드라인 독점 딜과 신상품 받기 입력 이메일 주소 구독 버튼 혜택 독점 할인 얼리 액세스 특별 혜택 블로그 섹션 최신 기사 카드 레이아웃 추천 이미지 제목 발췌문 더 읽기 버튼 FAQ 섹션 아코디언 스타일 FAQ 질문 배송 정보 반품 정책 환불 절차 결제 방법 주문 추적 모바일 앱 섹션 앱 프로모션 영역 포함 폰 목업 앱 스크린샷 다운로드 버튼 앱 스토어 구글 플레이 최종 콜투액션 대형 전환 섹션 헤드라인 쇼핑 경험을 업그레이드할 준비가 되셨나요? 버튼 쇼핑 시작하기 컬렉션 둘러보기 푸터 프리미엄 멀티컬럼 푸터 컬럼 1 로고 회사 설명 소셜 미디어 아이콘 페이스북 인스타그램 틱톡 핀터레스트 유튜브 컬럼 2 쇼핑 남성 여성 액세서리 신상품 베스트셀러 세일 컬럼 3 지원 문의하기 FAQ 배송 반품 주문 추적 컬럼 4 회사 회사 소개 채용 제휴 프로그램 언론 블로그 컬럼 5 뉴스레터 이메일 입력 구독 버튼 푸터 하단 저작권 개인정보 처리방침 이용약관 쿠키 정책 허용 결제 방법 비자 마스터카드 페이팔 애플 페이 구글 페이 보안 배지 추가 페이지 홈 페이지 완전한 랜딩 페이지 쇼핑 페이지 제품 그리드 고급 필터 정렬 검색 페이지네이션 제품 상세 페이지 갤러리 줌 변형 리뷰 관련 제품 최근 본 제품 위시리스트 페이지 저장된 제품 장바구니 페이지 장바구니 요약 쿠폰 배송비 계산기 결제 페이지 멀티스텝 결제 결제 게이트웨이 주문 요약 계정 대시보드 주문 주소 프로필 위시리스트 설정 회사 소개 페이지 브랜드 스토리 미션 팀 문의 페이지 문의 양식 지도 지원 정보 블로그 페이지 기사 카테고리 검색 FAQ 페이지 검색 가능한 지식 베이스 고급 인터랙션 부드러운 페이지 전환 메가 메뉴 내비게이션 스티키 장바구니 담기 제품 빠른 보기 모달 AI 제품 추천 다이내믹 장바구니 드로어 라이브 채팅 위젯 이탈 의도 팝업 최근 본 제품 무한 스크롤 스크롤 트리거 애니메이션 로딩 스켈레톤 화면 스마트 제품 검색 최종 목표 1440px 너비, 럭셔리한 비주얼, 뛰어난 UX, 전환 중심 레이아웃, 현대적인 애니메이션, 반응형 디자인, 그리고 Apple, Nike, Zara 및 세계 최고의 온라인 스토어에 버금가는 쇼핑 경험을 갖춘 프리미엄 Shopify Plus 수준의 이커머스 웹사이트를 만드세요.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 creative와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:creative| meigen| ecommerce-design| ui-ux

토론