Skip to content

Design Plan

BEB_07_DUHOON edited this page Jan 13, 2023 · 2 revisions

헤더

스크린샷 2023-01-13 오전 9 25 33

클라이언트 어플리케이션에서 모든 페이지에 존재하며 사용자에게 UI를 제공해주는 헤더 디자인이다. 헤더를 통해 포스트 작성이나 마켓으로 이동할 수 있고, 현재 사용자가 어떤 기능을 제공하는 페이지인지 확인할 수 있게 만든다.

메인페이지

스크린샷 2023-01-13 오전 9 26 41

메인페이지에서는 이 커뮤니티가 소유한 컨텐츠들을 한 번에 모아서 확인할 수 있다. 커뮤니티에서 작성한 컨텐츠 기반으로 운영이 되고 있기 때문에, 컨텐츠가 도드라지게 기획됐다.

포스트 디테일 페이지

스크린샷 2023-01-13 오전 9 27 16

작성된 컨텐츠의 상세한 내용을 확인할 수 있다. 헤더에 컨텐츠 제목과 컨텐츠에 대한 정보(컨텐츠 ID값, 조회수, 작성한 사람, 작성딘 날짜) 등을 확인할 수 있게 구성을 해주었고, 하단에는 컨텐츠 내용이 위치하여 사용자가 컨텐츠를 즐길 수 있게 기획했다.

포스트 작성 페이지

스크린샷 2023-01-13 오전 9 27 33

포스트 작성 관련해서는 맵 API의 선택으로 인하여 간략하게 기획한다. 컨텐츠를 작성하는 커뮤니티 이용자가 포스트 작성을 위한 UI가 충분히 제공되게 한다.

회원가입

스크린샷 2023-01-13 오전 9 27 23

새로 유입되는 커뮤니티 이용자가 쉽게 가입을 하여 유입될 수 있게 편리한 회원가입 UI를 제공한다.

마이페이지

스크린샷 2023-01-13 오전 9 27 44

이용자 본인이 작성했던 컨텐츠와 NFTs 들을 한 페이지에 모아 확인할 수 있게 만든다.

마켓페이지

스크린샷 2023-01-13 오전 9 27 53

커뮤니티에서 발행된 NFTs 들을 확인하고, 왼쪽에 비어있는 공간에는 직접 민팅할 수 있는 UI를 구성하려고 한다. 현재 민팅되는 NFT의 메타데이터가 결정되면 이에 맞춰서 민팅 UI를 작업하려고 한다.

Index

Introduce

Role & Rule

Design

Tech

Demo

Clone this wiki locally