Swag-for-dev: Home Page Redesign

Created on 9 Oct 2019  ยท  10Comments  ยท  Source: swapagarwal/swag-for-dev

  • [X] I've checked that this isn't a duplicate issue.

Hello,
I'm doing the #hacktoberfest and I'd like to propose a visual redesign for the home page.

In my opinion the website right now is a bit bland, I'd like to add more swag to the landing page, to give it a fresh and clean style. I'm planning to leave the html structure untouched as much as possible.

I'll fork the repo and work on the redesign, and it's up to you whether or not you merge my proposition ๐Ÿ˜ƒ

enhancement ๐Ÿƒโ€โ™‚๏ธ in progress

Most helpful comment

Hello :)

Here's the sketch as previously asked.

I restructured the layout to give it a better readability. My first intention was to create a logo but I've found out someone already worked on this part, so I imported the chosen one (from the poll that was made back in December).

I aimed to create a visual style that is playful and colorful (e.g for the background tags colors) as getting swag is something joyful ๐Ÿ˜„

I used a mix of Source Sans Pro and Source Code Pro for the fonts. I emphasized the newsletter block to make it more visible.

On the item structure, I put forward the image block before the title because I think the image catch the eye first rather than the title.

I think there's some work to do on the footer but I'll keep that for later.

By the way I don't think having a nav bar (for now) is necessary since there's nowhere to navigate. I'd like to know what you think about this point of view.

Now it's feedback time ! I hope you guys like it ^^

(The pic seems to be blurry I dunno what happens with Sketch ๐Ÿค”
I'm trying to find the solution to make it crisp)

Desktop <a href="HD@1x">HD@1x</a>

All 10 comments

Hi @anhek! It'll be great if you could post a sketch / mock of the redesign here to get feedback from the community. ๐Ÿ˜‡

Alright I'll do that :)

Hello :)

Here's the sketch as previously asked.

I restructured the layout to give it a better readability. My first intention was to create a logo but I've found out someone already worked on this part, so I imported the chosen one (from the poll that was made back in December).

I aimed to create a visual style that is playful and colorful (e.g for the background tags colors) as getting swag is something joyful ๐Ÿ˜„

I used a mix of Source Sans Pro and Source Code Pro for the fonts. I emphasized the newsletter block to make it more visible.

On the item structure, I put forward the image block before the title because I think the image catch the eye first rather than the title.

I think there's some work to do on the footer but I'll keep that for later.

By the way I don't think having a nav bar (for now) is necessary since there's nowhere to navigate. I'd like to know what you think about this point of view.

Now it's feedback time ! I hope you guys like it ^^

(The pic seems to be blurry I dunno what happens with Sketch ๐Ÿค”
I'm trying to find the solution to make it crisp)

Desktop <a href="HD@1x">HD@1x</a>

This looks great! I've posted it in the Telegram group for feedback from the community. ๐Ÿ˜‡

Looks amazing ! Good work ๐Ÿ”ฅ

351

Some feedback from the community:

  • Oh gosh the ui looks cleaner
  • This is lit ๐Ÿ”ฅ๐Ÿ”ฅ
  • Looks ๐Ÿ”ฅ
  • Cool
  • UI looks amazing ๐Ÿคฉ

@anhek Let's go ahead! ๐Ÿ’ฏ

Thank you for the feedbacks ๐Ÿค“
My laptop just died today (need to bring it Wednesday for reparation), Iโ€™ll restart the integration work on another laptop and Iโ€™ll stay in touch with you guys ๐Ÿ‘Œ

Closed with #443 :100:

Was this page helpful?
0 / 5 - 0 ratings

Related issues

vmr1532 picture vmr1532  ยท  5Comments

butlerx picture butlerx  ยท  7Comments

aslafy-z picture aslafy-z  ยท  6Comments

aslafy-z picture aslafy-z  ยท  3Comments

aslafy-z picture aslafy-z  ยท  5Comments