samgawaran
commented
1 year ago Hey Huan! I think Steve commented on your designs here: https://github.com/colonistio/design/issues/256#issuecomment-1378719336
some comments:
- as far as I know we're focusing on
carouseltypes moving forward so thelisttypes should be banked somewhere, I created this dump https://github.com/colonistio/design/issues/260 and post some of the ideas here :) - the details in this info popup is better than our current one in my opinion https://prnt.sc/cCvcYqF6eXHj. But I suggest using our current color scheme in the website for now so the other guys have lesser decisions to make
homescreen & game modes - different pages or same page- most mobile games that have game modes show their game modes in the homepage of their game so I think its a good rule of thumb to follow it, also, less clicks if its on the homepage already.
Suggesting of putting this screen/ideas in the idea dump: https://github.com/colonistio/design/issues/260
- game info popup: https://prnt.sc/6b_ws6BS9hyj
- Play 5 games to play ranked : https://prnt.sc/VoWmTU8r0Zha
- game mode list type: https://prnt.sc/z4T5WqOhNPWh
demiculus
Summary
Designed login screen and 2 flows for home screen and game modes (on different pages vs same page) P.S. I also included a new font style - more for eye-catching display or areas that require attention like buttons and title of game modes.
Log in Screen
Included login options via google, apple and discord as well as option to play as guest Game board on top half of screen to give some context to player who are new to colonist
Homescreen & Game modes on different pages
Having fewer buttons on each screen allows players to focus on which decision to make without feeling overwhelmed
Homescreen (sign-in & guest) Gameboard should include animation (same as desktop) to give context to players what the game is about 3 main CTA buttons: helps players to quickly decide what they want to do in the game
Game mode screen (carousel) Upon clicking play, players will go to gamemode selection screen and swipe to select the game mode and type accordingly. Allows players to focus on each game mode and select after swiping through the all the game modes.
Alternative Game mode screen (list) Allows players to have an overview of all their options before selecting one to play.
Homescreen & Game mode on same page
Bottom Navbar: help players to navigate between different pages without having to go back to the homescreen Players can go straight into game mode selection and start game Carousel option also includes creating game
Decision to make
@demiculus