프로덕트 설계 및 경쟁 분석 - 와이어프레임을 기반으로 주요 화면 디자인하기

[hohyon-ryu]

Assignee: lhssol Due Date: 2024-04-19

[lhssol]

이 UI 디자인은 "실명 인증 및 프로필 생성/관리 시스템"을 위한 것으로, 사용자가 플랫폼에 접근하기 위해 신원을 검증하고 자신의 프로필을 생성 및 관리할 수 있도록 다음과 같은 요소들을 포함하고 있습니다:

1. 헤더 섹션: 플랫폼의 로고와 함께 '홈', '소개', '연락처', '로그인', '회원가입' 메뉴가 있는 네비게이션 바.

2. 실명 인증 섹션:

   • 제목: "실명 인증"
   • 부제: "플랫폼 접근을 위해 신원을 검증하세요"
   • 폼: 성명, 생년월일, 신분증 번호 입력, 신분증 이미지 업로드
   • 제출 버튼: "Verify Identity(신원 확인)"

3. 프로필 생성/관리 섹션:

   • 제목: "프로필 생성/관리"
   • 부제: "프로필을 생성하고 관리하세요"
   • 폼: 프로필 사진, 이름, 성, 이메일 주소, 전화번호, 주소, 자기소개
   • 제출 버튼: "Save Changes(변경 사항 저장)"

4. 푸터 섹션: 저작권 정보, 소셜 미디어 링크, 연락처 정보가 포함된 푸터.

이 디자인은 사용자가 필요한 정보를 쉽게 입력하고, 플랫폼 내에서의 활동을 원활하게 시작할 수 있도록 돕기 위해 명확하고 직관적인 레이아웃을 제공합니다.

[lhssol]

제공된 디자인에 따라 다음과 같은 UI 섹션이 필요합니다:

1. 헤더:

   • 로고 포함, 왼쪽 배치
   • "토픽이나 내용 검색" 플레이스홀더 텍스트를 가진 검색 바, 오른쪽 배치

2. 내비게이션:

   • 헤더 아래 배치
   • '홈', '토픽', '결의안', '회사소개', '문의하기' 링크 포함
   • 활성 링크 강조 표시

3. 히어로 섹션:

   • 내비게이션 아래 배치
   • "토론에 참여하세요" 제목 및 "다양한 주제에 대한 당신의 생각과 의견을 공유하세요" 부제목 포함
   • 눈에 띄는 '시작하기' 버튼 포함

4. 콘텐츠 섹션:

   • 히어로 섹션 아래 배치
   • 가장 많이 토론된 토픽을 보여주는 카드 뷰 포함
   • "가장 많이 토론된 토픽" 제목, 클릭 가능
   • "기타 토픽" 목록 및 각각의 아이콘 포함

5. 푸터:

   • 페이지 하단 배치
   • '홈', '토픽', '결의안', '회사소개', '문의하기' 링크 포함
   • 소셜 미디어 아이콘, 푸터의 오른쪽에 배치
   • 저작권 텍스트, 푸터 하단 중앙 배치

6. 결의안 섹션:

   • 콘텐츠 섹션 아래 배치
   • 가장 인기 있는 결의안을 보여주는 카드 뷰 포함
   • "가장 인기 있는 결의안" 제목, 클릭 가능
   • "기타 결의안" 목록 및 각각의 아이콘 포함

7. 차트 섹션:

   • 결의안 섹션 아래 배치
   • 가장 많이 토론된 토픽과 결의안을 보여주는 차트 뷰 포함
   • "토론 트렌드" 제목, 클릭 가능
   • "기타 차트" 목록 및 각각의 아이콘 포함

[lhssol]

해당 이미지에 기반하여 "Discussion Writing" 페이지의 UI는 다음과 같이 구성되어 있습니다:

1. 내비게이션:

   • 상단에 위치
   • 로고: 클릭 시 홈페이지로 이동
   • 검색바: 토론 검색 기능 포함
   • 메뉴: '홈', '토론', '알림', '프로필' 링크 포함

2. 헤더:

   • 내비게이션 바 아래에 위치
   • 제목: 페이지의 메인 제목, 가운데 정렬
   • 부제: 페이지의 추가적인 맥락을 제공하는 부제, 제목 아래 중앙 정렬

3. 토론 폼:

   • 헤더 아래에 위치
   • 입력 필드: 토론의 제목, 설명, 카테고리를 입력하는 필드 포함
   • 버튼: '제출' 및 '취소' 버튼 포함

4. 푸터:

   • UI 하단에 위치
   • 저작권: 웹사이트의 저작권 정보, 왼쪽 정렬
   • 링크: '홈', '토론', '알림', '프로필' 섹션으로의 링크, 오른쪽 정렬

[lhssol]

이 UI는 "World Congress" 플랫폼의 토론 및 투표 페이지를 위한 것으로 다음 요소들을 포함하고 있습니다:

1. 헤더:

   • 상단에 로고가 있으며, 클릭하면 홈페이지로 이동합니다.
   • 오른쪽 상단에는 홈, 회사소개, 연락하기, 로그인, 회원가입으로 이동하는 메뉴가 있습니다.

2. 타이틀 섹션:

   • 큰 글씨로 'Title'이라고 표시되어 있으며, 바로 아래 'category'로 카테고리가 표시됩니다.

3. 설명 섹션:

   • 'Description' 상자가 제공되어 토론의 상세한 내용을 적을 수 있습니다.

4. 투표 섹션:

   • 'Agree'와 'Disagree' 버튼이 있어 사용자가 의견에 대해 동의하거나 반대하는 투표를 할 수 있습니다. 투표를 하기 위해 사용자의 토큰이 필요하다는 안내문구가 포함되어 있습니다.

5. 의견 공유 섹션:

   • 사용자가 자신의 의견을 입력할 수 있는 텍스트 필드와 함께 'Share' 버튼이 있습니다.

6. 댓글 섹션:

   • 사용자들이 남긴 댓글이 표시되며, 각각에 'Reply' 및 'Delete' 버튼이 있습니다. 특정 댓글에 대한 사용자의 상호작용을 위한 'Edit' 버튼도 제공됩니다.

7. 푸터:

   • 하단에는 홈, 토픽, 결의안, 회사소개, 문의하기로 이동하는 링크가 있습니다.
   • 저작권 정보가 중앙에 표시되어 있습니다.

[lhssol]

이 UI는 "World Congress" 플랫폼 사용자의 개인 프로필 페이지를 나타내며, 다음과 같은 섹션들로 구성되어 있습니다:

1. 헤더:

   • 상단 왼쪽에는 플랫폼 로고가 위치하며 클릭 시 홈페이지로 이동합니다.
   • 상단 우측에는 '홈', '회사소개', '연락하기', '로그인', '회원가입' 메뉴가 있습니다.

2. 프로필 및 인사말 섹션:

   • 사용자의 이름과 간단한 소개가 있는 큰 타이틀이 중앙에 배치됩니다.
   • 프로필 사진을 위한 공간이 상단에 제공됩니다.

3. 토큰 잔액 섹션:

   • 사용자의 현재 토큰 잔액을 보여주는 'Token Balance' 상자가 있습니다.

4. 거래 내역 섹션:

   • 거래 내역을 필터링하기 위한 'Date Range', 'Transaction Type', 'Token Type' 드롭다운 메뉴가 있습니다.
   • 각 거래에 대한 날짜, 사용 유형, 제목, 금액을 나열하는 테이블이 표시됩니다.

5. 프로필 정보 섹션:

   • 'Profile Information' 타이틀 아래에 사용자의 이름, 이메일, 전화번호, 주소 등의 정보가 나열되어 있습니다.
   • 'Edit Profile' 버튼을 통해 프로필 정보를 수정할 수 있습니다.

6. 연락처 섹션:

   • 'Contact' 타이틀 아래에 이메일, 전화번호, 주소 등의 연락처 정보가 나열되어 있습니다.
   • 'Edit Contact' 및 'Delete Contact' 버튼을 통해 연락처 정보를 수정하거나 삭제할 수 있습니다.

7. 푸터:

   • 홈, 토픽, 결의안, 회사소개, 연락하기 등의 링크를 포함하고 있습니다.
   • 저작권 정보가 페이지 하단 중앙에 표시됩니다.

[lhssol]

Home 페이지

Resolultion View 페이지

SignUp / Profile Manage 페이

Write Resolution 페이지

사용한 로고

[lhssol]

피그마 파일

• Wireframe 이 메인 작업 공간
• Font Preview 사용 안 합니다
• Style Guide 의 Component 섹션에서 컴포넌트 수정할 수 있습니다 https://www.figma.com/file/MlOgBZCdBAzhAmGsJW3pOd/AI_WorldCongress?type=design&node-id=0%3A1&mode=design&t=BO2iQD0RrleacgOC-1