New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Proposed Ruby-Lang Redesign #342

Closed
wants to merge 13 commits into
base: master
from

Conversation

@acacheung

acacheung commented Nov 7, 2013

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:
home-desktop

Homepage Tablet Screenshot:
home-tablet

Internal Page Desktop Screenshot:
internal-desktop

Internal Page Tablet Screenshot:
internal-tablet

Internal Page Mobile Screenshot:
internal-mobile

@bcardarella

This comment has been minimized.

Show comment
Hide comment
@bcardarella

bcardarella Nov 7, 2013

Awesome! 💯

bcardarella commented Nov 7, 2013

Awesome! 💯

@danmcclain

This comment has been minimized.

Show comment
Hide comment
@danmcclain

danmcclain Nov 7, 2013

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

danmcclain commented Nov 7, 2013

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

@acacheung

This comment has been minimized.

Show comment
Hide comment
@acacheung

acacheung commented Nov 7, 2013

Labeled! thanks @danmcclain

@kidfribble

This comment has been minimized.

Show comment
Hide comment
@kidfribble

kidfribble Nov 7, 2013

Wooooo! Looks great.

kidfribble commented Nov 7, 2013

Wooooo! Looks great.

@mkivikoski

This comment has been minimized.

Show comment
Hide comment
@mkivikoski

mkivikoski Nov 7, 2013

This looks beautiful, nice work!

mkivikoski commented Nov 7, 2013

This looks beautiful, nice work!

@hsbt

This comment has been minimized.

Show comment
Hide comment
@hsbt

hsbt Nov 7, 2013

Member

@acacheung Thank you for your application!

Member

hsbt commented Nov 7, 2013

@acacheung Thank you for your application!

@postmodern

This comment has been minimized.

Show comment
Hide comment
@postmodern

postmodern Nov 7, 2013

Member

Very stylish.

Member

postmodern commented Nov 7, 2013

Very stylish.

@joelmoss

This comment has been minimized.

Show comment
Hide comment
@joelmoss

joelmoss Nov 7, 2013

wow@!! 🚢 it!

joelmoss commented Nov 7, 2013

wow@!! 🚢 it!

@stefanpenner

This comment has been minimized.

Show comment
Hide comment
@stefanpenner

stefanpenner commented Nov 7, 2013

👍

@jc00ke

This comment has been minimized.

Show comment
Hide comment
@jc00ke

jc00ke Nov 7, 2013

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

jc00ke commented Nov 7, 2013

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

@jboursiquot

This comment has been minimized.

Show comment
Hide comment
@jboursiquot

jboursiquot commented Nov 7, 2013

Nice work @acacheung!

@rwjblue

This comment has been minimized.

Show comment
Hide comment
@rwjblue

rwjblue Nov 7, 2013

Looks great! Great work, @acacheung!

rwjblue commented Nov 7, 2013

Looks great! Great work, @acacheung!

@jvenator

This comment has been minimized.

Show comment
Hide comment
@jvenator

jvenator Nov 8, 2013

+1 here. Looks great!

jvenator commented Nov 8, 2013

+1 here. Looks great!

@song940

This comment has been minimized.

Show comment
Hide comment
@song940

song940 commented Nov 8, 2013

👍

@zapnap

This comment has been minimized.

Show comment
Hide comment
@zapnap

zapnap Nov 8, 2013

Looks great! 👍

zapnap commented Nov 8, 2013

Looks great! 👍

@megayu

This comment has been minimized.

Show comment
Hide comment
@megayu

megayu Nov 8, 2013

👍 nice

megayu commented Nov 8, 2013

👍 nice

@littleyang

This comment has been minimized.

Show comment
Hide comment
@littleyang

littleyang commented Nov 8, 2013

great!

@michaeldupuisjr

This comment has been minimized.

Show comment
Hide comment
@michaeldupuisjr

michaeldupuisjr Nov 8, 2013

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

michaeldupuisjr commented Nov 8, 2013

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

@duggiefresh

This comment has been minimized.

Show comment
Hide comment
@duggiefresh

duggiefresh Nov 8, 2013

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

duggiefresh commented Nov 8, 2013

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

@dignifiedquire

This comment has been minimized.

Show comment
Hide comment
@dignifiedquire

dignifiedquire commented Nov 8, 2013

Love it !

@fuadsaud

This comment has been minimized.

Show comment
Hide comment
@fuadsaud

fuadsaud Nov 8, 2013

Member

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

Member

fuadsaud commented Nov 8, 2013

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

@wannabefro

This comment has been minimized.

Show comment
Hide comment
@wannabefro

wannabefro Nov 8, 2013

+1. This looks awesome!!

wannabefro commented Nov 8, 2013

+1. This looks awesome!!

@meggles

This comment has been minimized.

Show comment
Hide comment
@meggles

meggles Nov 8, 2013

Awesome job! Huge improvement.

meggles commented Nov 8, 2013

Awesome job! Huge improvement.

@HeroicEric

This comment has been minimized.

Show comment
Hide comment
@HeroicEric

HeroicEric Nov 8, 2013

👍 Much more friendly and inviting. Also, BEM!

HeroicEric commented Nov 8, 2013

👍 Much more friendly and inviting. Also, BEM!

@billr578

This comment has been minimized.

Show comment
Hide comment
@billr578

billr578 Nov 8, 2013

Look great! Excellent job!

billr578 commented Nov 8, 2013

Look great! Excellent job!

@oz

This comment has been minimized.

Show comment
Hide comment
@oz

oz commented Nov 8, 2013

👍

@kyzh

This comment has been minimized.

Show comment
Hide comment
@kyzh

kyzh commented Nov 8, 2013

@colszowka

This comment has been minimized.

Show comment
Hide comment
@colszowka

colszowka Nov 8, 2013

Contributor

👍

Contributor

colszowka commented Nov 8, 2013

👍

@joecorcoran

This comment has been minimized.

Show comment
Hide comment
@joecorcoran

joecorcoran Nov 8, 2013

Very nice indeed. ❤️ the mobile view.

joecorcoran commented Nov 8, 2013

Very nice indeed. ❤️ the mobile view.

@signalnerve

This comment has been minimized.

Show comment
Hide comment
@signalnerve

signalnerve Nov 8, 2013

👍 really lovely!

signalnerve commented Nov 8, 2013

👍 really lovely!

@colszowka

This comment has been minimized.

Show comment
Hide comment
@colszowka

colszowka Nov 8, 2013

Contributor

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!

Contributor

colszowka commented Nov 8, 2013

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

This comment has been minimized.

Show comment
Hide comment
@hsbt

hsbt Nov 8, 2013

Member

@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.
Member

hsbt commented Nov 8, 2013

@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 comment has been minimized.

Show comment
Hide comment
@kirs

kirs Nov 8, 2013

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

kirs commented Nov 8, 2013

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

@rsocci

This comment has been minimized.

Show comment
Hide comment
@rsocci

rsocci Nov 8, 2013

Loving this @acacheung!!!

rsocci commented Nov 8, 2013

Loving this @acacheung!!!

@arthurgeek

This comment has been minimized.

Show comment
Hide comment
@arthurgeek

arthurgeek Nov 9, 2013

Wow! That's awesome! :shipit:

arthurgeek commented Nov 9, 2013

Wow! That's awesome! :shipit:

@sebasoga

This comment has been minimized.

Show comment
Hide comment
@sebasoga

sebasoga commented Nov 9, 2013

👍

@aleksijuvani

This comment has been minimized.

Show comment
Hide comment
@aleksijuvani

aleksijuvani Nov 9, 2013

Looks great!

aleksijuvani commented Nov 9, 2013

Looks great!

@phoet phoet referenced this pull request Nov 10, 2013

Closed

Get rid of mobile version #109

@MerlinCalo

This comment has been minimized.

Show comment
Hide comment
@MerlinCalo

MerlinCalo Nov 13, 2013

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

MerlinCalo commented Nov 13, 2013

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

@MerlinCalo

This comment has been minimized.

Show comment
Hide comment
@MerlinCalo

MerlinCalo Nov 13, 2013

Credit to Logan Faerber too! :octocat:

MerlinCalo commented Nov 13, 2013

Credit to Logan Faerber too! :octocat:

@Nevraeka

This comment has been minimized.

Show comment
Hide comment
@Nevraeka

Nevraeka Nov 20, 2013

Awesome visual design!

Nevraeka commented Nov 20, 2013

Awesome visual design!

@Nevraeka

This comment has been minimized.

Show comment
Hide comment
@Nevraeka

Nevraeka Nov 20, 2013

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. 👍

Nevraeka commented Nov 20, 2013

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

This comment has been minimized.

Show comment
Hide comment
@alnoorp

alnoorp Nov 21, 2013

Excellent design!

alnoorp commented Nov 21, 2013

Excellent design!

@hsbt

This comment has been minimized.

Show comment
Hide comment
@hsbt

hsbt Nov 21, 2013

Member

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.

Member

hsbt commented Nov 21, 2013

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.

@hsbt hsbt closed this Nov 21, 2013

@ysei

This comment has been minimized.

Show comment
Hide comment
@ysei

ysei Nov 24, 2013

Beautiful__naming-rule

ysei commented Nov 24, 2013

Beautiful__naming-rule

@acacheung

This comment has been minimized.

Show comment
Hide comment
@acacheung

acacheung commented Nov 25, 2013

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment