[LostBoard 프로젝트] 피그마 페이지 구성

1. 초기 화면

초기 화면의 경우 현황판을 이용할 캐릭터 검색 창, 현재 주차의 날짜, 왼쪽 사이드 바에 최근 검색 기록으로 구성하였다. 캐릭터명을 검색하거나 왼쪽 사이드 바의 최근 검색 기록을 통해 현황판을 이용할 수 있다.

초기 화면 모습

 

2. 현황판 화면

현황판 화면의 경우 검색한 캐릭터의 원정대가 화면에 나타나고, 각 캐릭터의 레벨에 맞는 레이드들이 체크리스트로 제공된다. 오른쪽 사이드바에서 총 획득한 골드, 재화, 획득한 재화의 골드 가치를 확인할 수 있다. 캐릭터 레벨별 추천 컨텐츠 보기를 선택하면 레벨에 맞는 컨텐츠만 체크리스트로 제공하고, 선택하지 않는다면 모든 레이드의 체크리스트를 제공한다.

현황판 화면. 오른쪽 사이드바는 간소화 할 예정

 

3. 실시간 더보기 효율 화면

실시간 더보기 효율 화면은 레이드의 더보기 효율을 실시간 경매장 가격을 통해 계산한다. 파편 포함을 선택할 경우, 운명의 파편 또는 명예의 파편 값을 포함하여 더보기 효율을 계산하고, 선택하지 않는다면 파편 가격을 제외한 효율을 계산한다.

실시간 더보기 효율 화면

 

 

4. 계산기 화면

계산기 화면에서는 경매에 나온 아이템의 가격과 레이드의 인원수를 선택하면, 손해를 보지 않는 최대 입찰 금액을 계산하여 표시한다.

계산기 화면

 

 

피그마 링크

https://www.figma.com/design/li9ZHFD43pWXg9F5jqumHn/LostBoard?node-id=0-1&t=Icjd0nLFej733asL-1

Figma