Profile Revamp - Items Tab (Tab Design Screens + Scenarios)

samgawaran commented 2 years ago

Summary

DM'ed @JuanRoman77 and discussed what study here: https://github.com/colonistio/design/issues/141 should we focus on for the Item tab design, we decided to go with Tabs as its the simplest and most straightforward out of the bunch

Research is done here

Screens

shows all items currently at the store regardless if the player owns them.
if an item is unowed, it will be shown in a reduced opacity state

Scenarios

if player doesn't own any item, show all items in a reduced opacity sate

Player clicks on an item inside the item tab

Gifting feature ready: we can remove it in during development and just add it once we have the gifting system in place
Clicking on an unowned item directs them to https://colonist.io/store
for Expansions and Maps show an info icon. don't show an info icon for Colors and Avatars

Player owns presale packs

for presale pack owners, add a Packs tab beside the expansion tab. Don't show Packs if the player doesn't own any presale pack
Update Following Juan's comments, don't show Packs that a player doesn't own since they can't purchase them.
Created a sample of the popup if there's no Gift CTA in place

Related Submission

https://github.com/colonistio/design/issues/141

Submission Checklist

[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

samgawaran commented 2 years ago

for review: @goktugyil @demiculus @JuanRoman77

let me know if there other specific/edge scenarios I might have missed out on. Otherwise, I'll be putting this submission in this the profile checklist

JuanRoman77 commented 2 years ago

Also only show the Packs the player owns, not the ones they don't. Since they can't purchase them.

samgawaran commented 2 years ago

Also only show the Packs the player owns, not the ones they don't. Since they can't purchase them.

Noted on this, I updated the image on the scenario.

colonistio / design