Mockups for v1 about coderplex

[saiabhijitht]

[saiabhijitht]

Learn page - start

The card should contain the images...and above the image there should be overlay of black to white gradient...

[elevenpassin]

Here's another design :p
@duttakapil One thing to consider would be to list the functionalities of each page.

[saiabhijitht]

Here's a basic structure I've created for the landing page.

Possible improvements :

• Color pallet
• Typography
• Banner image / gradient
• Background illustration for space section
• Spacing / padding

If you have any more edit suggestions or feedback, you can post them below. If you're a designer, feel free to make edits to this image based on the suggestions above.

[M-ZubairAhmed]

Events page

https://github.com/coderplex/coderplex/projects/3#card-5110268

[duttakapil]

@saiabhijitht I still feel we need to have more space between the guides. Maybe we can work on that from the development itself, before deploying

[duttakapil]

We also only need the About Us and Contact Us in the footer, at least as of now

[M-ZubairAhmed]

@buoyantair i dont see much difference with @saiabhijitht design here

[elevenpassin]

@M-ZubairAhmed The tiles weren't as nice I guess. You have the freedom to choose anyways.

[M-ZubairAhmed]

@buoyantair you can try with other pages as well if you can it will be helpful for us

[duttakapil]

@buoyantair check the wiki, we have user stories there. Also, we have urgency of landing page and space page mockups

[elevenpassin]

@duttakapil Okay, what do I put in the landing page?

[M-ZubairAhmed]

@duttakapil any relevant matter, which reflects our mission, goals etc.

[vinaypuppal]

@saiabhijitht This looks awesome ❤️.

• Can you also improve Navbar and highlight login/register button to get user attention?
• How about adding some border radius to cards and buttons?

[M-ZubairAhmed]

@saiabhijitht thats such an amazing layout. woah

[saiabhijitht]

[elevenpassin]

@saiabhijitht

• The shadows are bit too much, maybe you don't want the blur radius to be a lot.
• Add a bit of padding top and bottom to the elements inside the Activities & Schedule panel.
• Add a bit of color to some parts of the page, for example you can make the "Who is this for?" panel full-width and then add background color similar to that of the Home page full-width panels.
• The space around the pricing panel looks a bit empty, maybe you want to make it look more like a row than a column with text aligned to the left, and the payment button aligned to the right.

Just little modifications I feel fit! Feel free to go on your own adventure ^-^

[duttakapil]

Here is the content for the /space page. @buoyantair if you or any one else wants to give it a shot at creating a mockup for it, go ahead. Just make sure to maintain the same theme / feel of the site

[saiabhijitht]

Guys, This is not the final design. As I have always said, this is just a layout. The final design(the pixel perfect design) is far away from this. Even the colorful landing page is not the final design. Keeping in mind that we have 3 features being released at same time, we definitely need more time to design each one of them. Do suggest any changes for this layout.

[M-ZubairAhmed]

@saiabhijitht i have moved the designs for v2 into a seperate thread/issue #41 . You may continue to use this for v1 mock ups.

[M-ZubairAhmed]

We have released v1 of the app, hence further communication in regards to design may be carried over as mentioned above to #41. Hence closing this issue