Skip to content
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 from
Closed

Proposed Ruby-Lang Redesign #342

wants to merge 13 commits into from

Conversation

@acacheung
Copy link

@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
Copy link

@bcardarella bcardarella commented Nov 7, 2013

Awesome! 💯

@danmcclain
Copy link

@danmcclain danmcclain commented Nov 7, 2013

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

@acacheung
Copy link
Author

@acacheung acacheung commented Nov 7, 2013

Labeled! thanks @danmcclain

@kidfribble
Copy link

@kidfribble kidfribble commented Nov 7, 2013

Wooooo! Looks great.

@mkivikoski
Copy link

@mkivikoski mkivikoski commented Nov 7, 2013

This looks beautiful, nice work!

@hsbt
Copy link
Member

@hsbt hsbt commented Nov 7, 2013

@acacheung Thank you for your application!

@postmodern
Copy link
Member

@postmodern postmodern commented Nov 7, 2013

Very stylish.

@joelmoss
Copy link

@joelmoss joelmoss commented Nov 7, 2013

wow@!! 🚢 it!

@stefanpenner
Copy link

@stefanpenner stefanpenner commented Nov 7, 2013

👍

@jc00ke
Copy link

@jc00ke jc00ke commented Nov 7, 2013

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

@jboursiquot
Copy link

@jboursiquot jboursiquot commented Nov 7, 2013

Nice work @acacheung!

@rwjblue
Copy link

@rwjblue rwjblue commented Nov 7, 2013

Looks great! Great work, @acacheung!

@jvenator
Copy link

@jvenator jvenator commented Nov 8, 2013

+1 here. Looks great!

@song940
Copy link

@song940 song940 commented Nov 8, 2013

👍

@zapnap
Copy link

@zapnap zapnap commented Nov 8, 2013

Looks great! 👍

@megayu
Copy link

@megayu megayu commented Nov 8, 2013

👍 nice

@littleyang
Copy link

@littleyang littleyang commented Nov 8, 2013

great!

@michaeldupuisjr
Copy link

@michaeldupuisjr michaeldupuisjr commented Nov 8, 2013

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

@duggiefresh
Copy link

@duggiefresh duggiefresh commented Nov 8, 2013

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

@dignifiedquire
Copy link

@dignifiedquire dignifiedquire commented Nov 8, 2013

Love it !

@fuadsaud
Copy link
Member

@fuadsaud fuadsaud commented Nov 8, 2013

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

@wannabefro
Copy link

@wannabefro wannabefro commented Nov 8, 2013

+1. This looks awesome!!

@meggles
Copy link

@meggles meggles commented Nov 8, 2013

Awesome job! Huge improvement.

@HeroicEric
Copy link

@HeroicEric HeroicEric commented Nov 8, 2013

👍 Much more friendly and inviting. Also, BEM!

@billr578
Copy link

@billr578 billr578 commented Nov 8, 2013

Look great! Excellent job!

@oz
Copy link

@oz oz commented Nov 8, 2013

👍

@kyzh
Copy link

@kyzh kyzh commented Nov 8, 2013

@colszowka
Copy link
Contributor

@colszowka colszowka commented Nov 8, 2013

👍

@joecorcoran
Copy link

@joecorcoran joecorcoran commented Nov 8, 2013

Very nice indeed. ❤️ the mobile view.

@signalnerve
Copy link

@signalnerve signalnerve commented Nov 8, 2013

👍 really lovely!

@colszowka
Copy link
Contributor

@colszowka 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
Copy link
Member

@hsbt 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
Copy link

@kirs kirs commented Nov 8, 2013

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

@rsocci
Copy link

@rsocci rsocci commented Nov 8, 2013

Loving this @acacheung!!!

@arthurgeek
Copy link

@arthurgeek arthurgeek commented Nov 9, 2013

Wow! That's awesome! :shipit:

@sebasoga
Copy link

@sebasoga sebasoga commented Nov 9, 2013

👍

@ghost
Copy link

@ghost ghost commented Nov 9, 2013

Looks great!

@MerlinCalo
Copy link

@MerlinCalo MerlinCalo commented Nov 13, 2013

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

@MerlinCalo
Copy link

@MerlinCalo MerlinCalo commented Nov 13, 2013

Credit to Logan Faerber too! :octocat:

@Nevraeka
Copy link

@Nevraeka Nevraeka commented Nov 20, 2013

Awesome visual design!

@Nevraeka
Copy link

@Nevraeka 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
Copy link

@alnoorp alnoorp commented Nov 21, 2013

Excellent design!

@hsbt
Copy link
Member

@hsbt 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
Copy link

@ysei ysei commented Nov 24, 2013

Beautiful__naming-rule

@acacheung
Copy link
Author

@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
Linked issues

Successfully merging this pull request may close these issues.

None yet

You can’t perform that action at this time.