Profile Revamp - Profile Sticky & Search Bar (Screens + Scenarios)

[samgawaran]

Summary

Sending this submission for the profile sticky, which includes the dropdown and search bar.

I designed the dropdown with features that are yet to be developed like Gifting and Messaging though I created screens for them for a preview.

Screens

Owner / Guest Views

Dropdown Views

Scenarios

• Adding, removing, and accepting friend requests scenarios are all included in this submission: https://github.com/colonistio/design/issues/144

Gifting a Player

Messaging a Player

• made a sample messenger screen, and I pegged social media sites like Facebook and Instagram for the design

Reporting a Player

Using the Search Bar

• I followed the search behavior/restrictions of our leaderboard search bar

Related links

• https://github.com/colonistio/design/issues/139
• https://github.com/colonistio/design/issues/2

Submission Checklist

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

[samgawaran]

for review: @goktugyil @demiculus @JuanRoman77

added a potential screen for the messaging feature here. though it's not a priority. Besides that, let me know if I missed some edge cases and I'll add those in the checklist

[JuanRoman77]

Pro tip: when these are the same, just post 1 image and title it Owner/Guest View, so you don't get Goku commenting "I spend 4 minutes trying to find the difference between both images"

[JuanRoman77]

1. Remove Cancel Request and replace it for Pending. This will prevent spamming requests, and also make it clearer that the request is pending acceptance.
2. The popup radius seems excessive and the spacing between text is inconsistent. Same as margins.
3. Typo https://i.imgur.com/vtvr73O.png

I'll not review the private messaging part, it's out of the scope, needs an issue of its own. Better focus on the friends list for now.

[samgawaran]

Closing this submission. adjusted the designs in this issue: https://github.com/colonistio/design/issues/152