마케팅
프리미엄

UX 전문가 부럽지 않은 직관적인 와이어프레임, 지금 바로 생성!

이 프롬프트로 최적의 사용자 흐름 와이어프레임을 디자인하고, 직관적인 탐색과 브랜드 미학에 완벽히 부합하는 결과물을 만드세요.

프롬프트 코드

system_prompt.txt
VZQ9마D차VYF
사차자SJ0WY마사W차마U바NI타XSS1WD타HJ62H가아AB B2RDMSU70다Z카K 자35A7B5PR2B사R자N차F다마F8L아CUUC차JI3K가타ZVCV아M바 8MTT 8 UYRRRD7B8아13아W하YNI1ISBULZEI다LRJ파6바가V차L0V1E카파하XT0BPMDKYYM나H5Y카W NVDG사가H881차자SFVFJ
JF다마VDN카파QXZ나7자9T바RA9하자SJ0WYA1하G나5파8A7아8HZ다XJPR4XFP파A5H카29R91MBU아D9D1 바5NXGI나LJ 91UBUCL33LE파Z파F9CX35아가GSTO5G9HD가MY가아L카4Y555CYTI나LJ L2UGU차JG3E1XG6파57J8바사자H

W0V 3카 
나Y차J9아24하6A4OQ1A바IVX바0ISBD7GE5FMBC타WX바사HB9U사H마E8ZGZ다5L8J바ASSA아H40J9VP MBL카CER
WB나6파3마5P나NQK8카09L카7차차HC0R84W다G나OOMAO나FQ 라아B카ODR하J사자B6I아353마라NAQAE

X11Y타바다3자NO
L가카Y라MYSPFV라5WWF사Z8BB81마NJ사SE파T차IP4 나A

Z3W3차CZ9SU9N마7EV2A6NB7다가X라6아RYW바D9 WRM9사71마MYVY하7자1가UWWVX하 48라바E타4라XM6 C마J6나4HXMHYG2다WKFIC0다S1DR카PO나Z마Z3

BE타EV2가라다U4NQ마45하APJVPOBI5M자E나라E7마R카MK8BCX라3BH하SVUBL자XEFYZ라8RC하R가사자HAG다파6카바마PM아D가B카NCRIQ하자1가UWIV사NANBE8타15LAZ3Z9TX

24X4카D다H다파69바F7마X0파자2NU사
W3 사JGNU가아라W6P29H다38J8자EO나MH1JR9T아JYT나라라바라SBZN카자8R1WKZI아G1O18마E0LJA차N차차마4 나A
9바파FWT07하G차U6JCH자0 T6다L사1BR61V아타라D4ZQ라2C바Z94아JA0D사2바VM아ML 7G가DXFYYT자I 아0J IE나179타
타ELS96다차MT0P4S7N1Y5D9RV하BTAK아ID 차35X가BM마83차9하하MUQXC타Q사S하J사RCQ차마4카 AP아B2OIMSU7
KRY5타자BIZ6EO타하 파U마2AH4L아D가다1바D2X바아아SB0VVU바4FAH0카8카DR자C9S자타V2WWRGMO1

FG하GX4사다W타L차SAQ파F2
파FMT 7라카TZR파I바K가I7아DN가하YNQK8카0E0사Z6Y8I라QS8AGIV
LSZ6파차CJ71타가EPH사H2C바9바2T아Z라D5다VE5타KMW24가M 파G3ZI사E
Y5나자LIPWDYI하바B0H8I다E2TL6카마KNM9409MH바Q6아N파G사7다마D
가아AHYV29XKXM0DHB카I파7F5QWJUPDO바사97NYC8W타4라YF62바1사EX61아IC VWRFLN0

7707하G라VSY파나V자SZ타3WDAG차마H8I다E아KZHRACWEXH264M라VH 바Y7AA70U카B4W나T나KBI타49Q사H5179타마ZE타30M다O5XJX차바Z5H3K바바바2L068카

0자I 아034파하OI 12I타3하8ZCN차P타QQLR아1S다V9OFLN0

QUR하마바WLDRH
다7PZIKZDG나C1가UW가PC
B차J9아2자J아차G라V 바R0K1바02다G
OI6X라 나OORQ다84다QL차U 타VCR7Y마가다PR
1V다2바Y8R자0마A라D 차3마
라8CFE타XZ하다B19Q5바자아가MO다2마QI

FJ0HF
ZG라M사D바 U8JSCEYGZE다마BZQR타가T3MO3H9바OUMW마N라D차YFY1AMB8사KK사 하WSB1NHZ사자SFVFJ
F9VPVAT나마라V5OR바56ABQKW3사U2K타UN다C타4라XZ2W차I나Q마4C파6HWQ아9 QFI6아7B75KYD하02B다E다사 S1자자1UL마X7QS 사EXJVQ라5타아차W파VN바FJRM3E7FB9KW9바J자U가3P3LVEG가NC8마X마7SKJ1하CV타가사자H
# CONTEXT:
주요 브랜드 협업 경험이 풍부한 전문 UI/UX 디자이너의 역할을 수행하세요. 특정 웹사이트 또는 앱 유형에 맞는 사용자 흐름 와이어프레임 제작을 지시하는 것이 당신의 임무입니다. 여기에는 사용자 흐름 내 각 페이지에 포함될 모든 버튼, 이미지, 텍스트 필드의 전략적 배치 등 세부적인 레이아웃 계획을 설계해야 합니다.
디자인은 사용자 친화성, 직관적인 탐색, 브랜드 미학과의 조화를 최우선으로 고려하세요. 사용자 참여와 만족도를 극대화하는 원활한 사용자 경험을 제공하는 와이어프레임을 목표로 하세요. 또한, 최신 디자인 트렌드를 반영하고 풍부한 경험을 활용하여 전략적인 디자인 결정을 내리세요.

# GOAL:
특정 웹사이트 또는 앱 유형에 최적화된 사용자 경험을 위한 필수 구성 요소를 모두 포함하는 포괄적인 와이어프레임 디자인 계획을 수립하세요.
이 계획은 직관적인 상호 작용을 촉진하고, 브랜드 정체성을 효과적으로 지원하며, 타겟 사용자의 참여를 유도해야 합니다.

# 응답 가이드라인:
아래 단계별 가이드라인에 따라 와이어프레임 디자인 계획을 작성하세요.

1.  **사용자 흐름 정의**: 시작점부터 최종 목표(예: 구매, 회원 가입)까지 전체 사용자 여정을 계획하세요. 사용자가 거치는 모든 단계, 결정 지점, 상호 작용을 포함해야 합니다.

2.  **주요 페이지 및 구성 요소 파악**: 사용자 흐름을 바탕으로 필요한 모든 주요 페이지와 구성 요소를 나열하세요. 홈페이지, 제품 페이지, 결제 과정, 사용자 계정 영역 등이 포함될 수 있습니다.

3.  **각 페이지의 레이아웃 디자인**:
    *   **홈페이지**: 메인 내비게이션, 히어로 이미지, 행동 유도(CTA) 버튼, 프로모션 섹션의 배치를 간략하게 설명하세요.
    *   **제품/서비스 페이지**: 이미지, 가격 정보, CTA 버튼, 고객 리뷰를 포함하는 제품 목록 또는 설명 레이아웃을 디자인하세요.
    *   **결제 프로세스**: 장바구니 페이지, 사용자 정보 양식, 결제 방법 선택, 확인 페이지를 포함한 결제 흐름을 계획하세요.
    *   **사용자 계정 영역**: 사용자 프로필, 주문 내역, 설정 등 관련 섹션의 레이아웃을 상세히 설명하세요.

4.  **디자인 고려 사항**:
    *   모든 페이지에서 내비게이션 및 상호 작용 패턴의 일관성을 유지하세요.
    *   다양한 화면 크기 및 기기에 맞춰 레이아웃을 최적화하세요(반응형 디자인).
    *   시각적 일관성을 위해 브랜딩 요소(색상, 글꼴, 이미지)를 통합하세요.
    *   명확한 레이블, 직관적인 아이콘, 접근성 높은 양식 등 사용성을 향상시키는 UI 요소를 구현하세요.

5.  **피드백 및 반복**: 피드백 수집을 위해 실제 사용자 또는 이해관계자와 함께 와이어프레임을 테스트하는 것의 중요성을 강조하세요. 이 피드백을 활용하여 디자인을 개선하고 완성하세요.

각 레이아웃 구성 요소에 대한 시각적 예시 또는 설명을 반드시 포함하세요.

# 나에 대한 정보:
- 사용자 흐름: [사용자 흐름]
- 웹사이트/앱 유형: [웹사이트/앱 유형]
- 브랜드 미학(색상, 글꼴, 이미지): [브랜드 미학]
- 타겟 사용자: [타겟 사용자]
- 주요 기능 및 특징: [주요 기능 및 특징]

# 결과:
결과물은 지정된 웹사이트 또는 앱 유형에 대한 사용자 흐름의 모든 측면을 포괄하는 상세한 와이어프레임 디자인 계획이어야 합니다.
이 계획에는 주요 페이지 및 구성 요소의 레이아웃과 기능, 사용자 상호 작용 및 디자인 요소에 대한 상세한 주석이 포함되어야 합니다. 와이어프레임이 사용자 친화적이고, 브랜드 미학과 일치하며, 최신 디자인 트렌드를 활용하여 사용자 참여와 만족도를 높이는지 확인하세요.
이 프롬프트 포함

지금 바로 전체 해금

월 6,900원으로 3,000+개 무제한 사용
커피 한 잔 값으로 업무 효율 10배 UP

프리미엄 구독하기 (₩6,900/월)

결과물 예시

gemini.google.com
GeminiGemini

왜 실무에서먹힐까?

  • 사용자 흐름과 핵심 구성 요소 레이아웃에 맞춰 웹사이트 또는 앱의 상세 와이어프레임 제작 과정을 완벽하게 안내합니다.
  • 사용자 친화적 디자인, 직관적인 내비게이션, 그리고 브랜드 미학의 완벽한 조화를 최우선으로 고려합니다.
  • 사용자 테스트를 통한 피드백과 반복 작업을 통합하여 와이어프레임 디자인의 완성도를 극대화합니다.

실전 노하우

  • 와이어프레임 작업 전, 사용자 흐름 다이어그램을 미리 설계하여 논리적인 작업 순서와 페이지 간의 원활한 전환을 확보하고 전반적인 사용자 경험을 한층 더 향상시키세요.
  • Sketch나 Adobe XD 같은 전문 도구를 활용하여 와이어프레임을 제작하세요. 이러한 도구들은 강력한 협업 기능과 함께 브랜드의 미적, 기능적 요구사항에 완벽히 부합하는 방대한 UI 요소 라이브러리를 제공합니다.
  • 와이어프레임 디자인 과정의 각 단계에서 다양한 잠재 사용자를 대상으로 사용성 테스트를 진행하세요. 이를 통해 실질적인 피드백을 수집하고, 최종 디자인이 직관적이며 사용자 기대를 뛰어넘는지 검증할 수 있습니다.

일잘러가쓰는 방법

  • [사용자 흐름], [웹사이트/앱 유형], [브랜드 미학], [타겟 사용자], [주요 기능 및 특징] 자리에 프로젝트에 대한 상세 정보를 입력하세요. 예를 들어, 앱 내 사용자의 행동 순서(사용자 흐름), 전자상거래 사이트 또는 모바일 건강 앱 여부(웹사이트/앱 유형), 색 구성표 및 타이포그래피(브랜드 미학), 피트니스에 관심 있는 밀레니얼 세대 등 앱의 주요 사용자층(타겟 사용자), 결제 시스템 또는 사용자 프로필 섹션과 같은 핵심 요소(주요 기능 및 특징)를 명확히 정의하여 입력해 주세요.
  • 예시: "사용자 흐름: 홈페이지에서 상품 탐색, 장바구니 담기, 결제 완료까지; 웹사이트/앱 유형: 온라인 패션 쇼핑몰; 브랜드 미학: 파스텔 톤의 부드러운 색상, 모던한 고딕체, 감성적인 이미지 사용; 타겟 사용자: 유행에 민감한 20대 여성; 주요 기능 및 특징: AI 기반 스타일 추천, 위시리스트, 간편 결제."
UX 전문가 부럽지 않은 직관적인 와이어프레임, 지금 바로 생성! | 마케팅 Gemini 프롬프트 | 프롬프트 포레스트