Proposed Ruby-Lang Redesign

[acacheung]

Our Ruby Lang redesign better highlights the site's wide breadth of content while improving its legibility throughout. By eliminating unnecessary details we increased the site’s navigation and overall usability. This included simplifying the internal pages to be mostly black and white, allowing the open space to become breathing room for the typography. While the colors we chose are highly saturated they are also used sparingly, only drawing attention to links and navigable items. We selected Source Sans Pro as headers and Georgia as body copy for great legibility across the site.

Homepage Desktop Screenshot:

Homepage Tablet Screenshot:

Internal Page Desktop Screenshot:

Internal Page Tablet Screenshot:

Internal Page Mobile Screenshot:

[bcardarella]

Awesome! 💯

[danmcclain]

@acacheung Maybe label the screenshots with what device they are for. Love the design! 👍 👏

[acacheung]

Labeled! thanks @danmcclain

[kidfribble]

Wooooo! Looks great.

[mkivikoski]

This looks beautiful, nice work!

[hsbt]

@acacheung Thank you for your application!

[postmodern]

Very stylish.

[joelmoss]

wow@!! 🚢 it!

[stefanpenner]

👍

[jc00ke]

This is a fantastic departure from the current style. ❤️ x 💯

[jboursiquot]

Nice work @acacheung!

[rwjblue]

Looks great! Great work, @acacheung!

[jvenator]

+1 here. Looks great!

[lsongdev]

👍

[zapnap]

Looks great! 👍

[megayu]

👍 nice

[littleyang]

great!

[michaeldupuisjr]

Nice work @acacheung and @LoganFaerber! The UI is way more intuitive and the text more legible.

[duggiefresh]

Whoa! This thing is on 🔥! Really digging the clean layout.

[dignifiedquire]

Love it !

[fuadsaud]

It's really clean, but I think it lacks some identity :\

[wannabefro]

+1. This looks awesome!!

[meggles]

Awesome job! Huge improvement.

[HeroicEric]

👍 Much more friendly and inviting. Also, BEM!

[billr578]

Look great! Excellent job!

[oz]

👍

[kyzh]

✨

[colszowka]

👍

[joecorcoran]

Very nice indeed. ❤️ the mobile view.

[kristianfreeman]

👍 really lovely!

[colszowka]

Two minor nits I'd like to pick regarding the top nav bar on the home screen/desktop

• The Ruby red does not work very well with the dark background. Maybe it'd be better to choose a brighter color here. Also, maybe bold type would help set the logo apart from the nav items
• The whole navigational bar (everything except the logo) should be pulled over to align to the right in my opinion, since as it currently stands there is an odd imbalance of the Ruby logo hanging out on the left and the Octocat "hanging in" on the right in relation to the claim text underneath and the news content below.

Great job!

[hsbt]

@acacheung

Thank you for submit to our competition. I announced to selection process.

• Selection committee is www-admin members and ruby/www.ruby-lang.org admins and Matz.
• Committee has 7 voting points.
• Committee can vote to same design up to 7 points.
• We’ll announce only winner.
• Winner is announced in RubyWorld Conference at 21 Nov.

[kirs]

This looks awesome. Looking forward to see the new ruby-lang website!

[rsocci]

Loving this @acacheung!!!

[arthurgeek]

Wow! That's awesome!

[sogamoso]

👍

[ghost]

Looks great!

[MerlinCalo]

Really liking the styling, and responsive look! Very easy to read the content, and code.. Great work @acacheung !

[MerlinCalo]

Credit to Logan Faerber too!

[Nevraeka]

Awesome visual design!

[Nevraeka]

My favorite of the proposals. Definitely needs tweaking in the typography across other platforms screenshots (i'm not sure if this was an inconsistency or just lack of time). Super impressed though. 👍

[alnoorp]

Excellent design!

[hsbt]

Thank you for your proposal for our competition.

We are sorry to inform you that we didn't select your design.
But you can send fixes for our site continuously.

Thank you.

[ysei]

Beautiful__naming-rule

[acacheung]

@ysei thanks! its called BEM (http://bem.info/method/definitions/)