It's been a while since I really spent time designing a full web page. So I thought I'd have fun rebranding the ChallengePost homepage, with a different and quirky theme: a pond.

The goal was to put an emphasis on hackers and the community.


The header

It features a bunch of cool pond elements to set the atmosphere and introduces the mascot!

Big focus on the portfolio of a featured hacker, because that's what matters.

http://i.imgur.com/AvoD94U.jpg


Project types

One thing we want people to understand is that ChallengePost is for all types of projects, not just hacks, or on the contrary, complete, polished apps. You can add games, simple features you're proud of etc.

http://i.imgur.com/YTSijsE.jpg

The icons

The four icons above are not images, it's 100% CSS! Makes it easy to do cool animations like these:

http://i.imgur.com/t9hjUih.gif http://i.imgur.com/X8BmDPx.gif


Showcasing cool hackers

Our hacker community is straight up awesome. Let's feature some of the most active and creative hackers here!

http://i.imgur.com/YuQsp92.jpg


Don't forget hackathons and challenges

Hackathons and online challenges are a big part of what makes ChallengePost awesome. That's where the community meet, and compete.

I redesigned the current hackathon thumbnails that are really getting old...

Improvements:

  • bigger, horizontal header that's more in tune with the actual challenge header
  • showcases the organization behind the hackathon
  • features some of the people who registered
  • allows users to register right away

http://i.imgur.com/kTZeSwo.jpg


The whole design

If you want to see the whole design in one page, take a look here: http://i.imgur.com/IIeRMCp.jpg


That's it, hope you liked it!

http://i.imgur.com/j5gcIny.gif

Built With

+ 4 more
Share this project:

Updates