[HomePage] Create Queue and Join Queue "How To" Section Redesign

[daltonfury42]

In the current homepage, on scrolling down, there is a slider titled "Create a Queue at the click of a Button":

The slider can be removed, and then replaced with three cards like this:

On wider screens the three cards will be on a single row, but on screen width getting smaller, the cards should flex-wrap down to the next line:

flex-wrap: wrap;
justify-content: center;

Same for the Join Queue Section:

Design Link: https://xd.adobe.com/view/ad1db074-03bf-45b1-537b-98d9d524ec82-db2c/

[daltonfury42]

Hmm... I want to reduce the number of cards we have on our page. We have 3 rows of cards, total 8 of them. I think that's too much.

Can we reduce them? We should just show 3-4 cards. We could have some other UX elements to convey remaining points.

After the first row of three cards, can we use this approach for create and join queue:

Screenshot from https://xd.undraw.co/

cc: @sajmalyousef @akashkbaburajan @maaverik

[daltonfury42]

Another layout idea

[akashkbaburajan]

Yea that's a very valid point. There are just too many cards in the new home page. I'll update the design with the suggestions you have provided

[akashkbaburajan]

Revamped the "How To" section to not have tiles.

[KasiKral]

Hi, can I work on this? To be clear, this issue of the redesign is meant to be implemented or only make suggestions to design. If you need to implement this i would like to.

[daltonfury42]

Hi @KasiKral Yes you can. We need to implement this design: https://xd.adobe.com/view/ad1db074-03bf-45b1-537b-98d9d524ec82-db2c/

[maaverik]

https://xd.adobe.com/view/ad1db074-03bf-45b1-537b-98d9d524ec82-db2c/grid/ The above link doesn't work for me. If anyone else has the same problem, try this.

[maaverik]

Never mind, looks like a problem with firefox. I guess we have to use chrome for now.

[KasiKral]

Okay, I'll make changes according to "Web: Home – 2"(https://xd.adobe.com/view/ad1db074-03bf-45b1-537b-98d9d524ec82-db2c/) design.