Mobile App - Announcement Banners & Ads

[samgawaran]

Summary

The Mobile app is now available to download. We need ads in the website and our Social Media to let the players be aware of it

Recommended Design

Homepage Ads & Adblock

• Added the new AdBlock look, talked with Demi about this during our 1v1, and the template is already checked.
• Added an icon for the tablet as well

Announcement Banner and Social Media Posting

• For Social Media, I added the optimized Mobile screens so players can see how it would look. I can't put those in the banner due to the limited space.

Suggestion: Add a download banner or App Deeplinking

• for players who are playing on Mobile browser, add a banner at the bottom, games like slither.io does this to advertise their app on their mobile browser versions
• Better suggestion: when the player types colonist.io on their mobile browser. redirect them to the app store or play store depending on their OS

Related Links

• https://github.com/colonistio/design/issues/234
• GDrive: https://drive.google.com/drive/folders/1cx9WwjNKGwmRVqaaxlqdi5FNUzwGpHkO?usp=sharing

Submission Checklist

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

Reviewers

@demiculus @JuanRoman77 @SimonH321

[demiculus]

1. Edit like this: https://i.imgur.com/EW2HeNy.png
2. https://i.imgur.com/zgalgED.png

Create an implementation issue

[samgawaran]

1. Edit like this: https://i.imgur.com/EW2HeNy.png
2. https://i.imgur.com/zgalgED.png

done on both.

The implementation issue is here: https://github.com/colonistio/katan/issues/9299

closing this issue now. Will re-open if there are other major comments