backdropcms.org home page redesign & related changes

jenlampton commented 8 years ago

TODO:

[x] Redo all layouts to remove double sidebar https://github.com/backdrop-ops/backdropcms.org/issues/350
[x] Theme footer region https://github.com/backdrop-ops/backdropcms.org/issues/353
[x] Theme responsive drop-down menu https://github.com/backdrop-ops/backdropcms.org/issues/352
[x] Reorganize main menu links https://github.com/backdrop-ops/backdropcms.org/issues/313
[x] Add missing header elements from design https://github.com/backdrop-ops/backdropcms.org/issues/351
[x] Build out new home page elements https://github.com/backdrop-ops/backdropcms.org/issues/355
[x] Build new "install backdrop" page https://github.com/backdrop-ops/backdropcms.org/issues/314
[x] Complete "Key features" content for new home page https://github.com/backdrop-ops/backdropcms.org/issues/356

Original issue:

Now that backdrop has been out for almost 2 years, perhaps we should refocus our home page to do a better job of selling backdrop to those who are curious about it. What do we put on here, how should it be organized, and what should it look like? So many hard questions for developers!

I'm going to have a meeting with Jordan Ryan next week to discuss some of these questions and see if we can form a plan of attack. I'd like to plan to launch the new home page around Backdrop's 2-year birthday, perhaps right after 1.6 is released. We'll see how overly optimistic that is next week :)

docwilmot commented 7 years ago

Like. Very much.

Dinornis commented 7 years ago

Looks great so far, well done. Are you aware of how some of the project descriptions are rendered? This one for example: http://borg.wesruv.com/project/feeds

jenlampton commented 7 years ago

@wesruv this looks fantastic. I had no idea how much you were changing. I am so grateful for the time you have put into this, and feel badly that I haven't given this project the attention it deserves! You are a rockstar, thank you :)

Dinornis commented 7 years ago

At certain display port widths the login link gets covered with the search bar in Firefox and in Safari the search bar gets chopped off.

navbarsearchfirefox ^^^ Firefox ^^^

navbarsearchsafari ^^^ Safari ^^^

Graham-72 commented 7 years ago

This is such excellent work that it seems ungracious to make a critical comment, but when I view it on my conventional PC the page headings and sub headings seem too large a font-size, also the concentric circles in the background are adding to my eyestrain. But thanks @wesruv for all your hard work.

klonos commented 7 years ago

A few issues with the hamburger menu on narrow(er) screens...

Too wide, so the menu is shifted to the left, outside the viewport:
The background of the inactive items seems to be transparent and when the menu height exceeds the height of the header, you get funny results:

...perhaps the background color of the menu items of menus placed in the header should match the background color of the header section?

quicksketch commented 7 years ago

As usual we covered the redesign in video-form during the fort-nightly design call: https://www.youtube.com/watch?v=3_HFj_tuau8

The relevant portion of our discussion:

Lets focus on implementation and technical issues in this issue here (as we have so far recently).
We have a designer (Nica) who will be providing guidance on restyling the hero and key homepage elements.
Other branding changes in the current implementation (e.g. footer, fonts, bullet lists, etc) are mostly unintentional as side-effects of being a new theme instead of using the existing CSS.

We could use developers doing some work to start iterating on the current branch of work to copy over existing styles into the new theme (including the footer, fonts, handbook styles, etc.)

Anything we don't have explicit styling on, we should raise as needing design help and take that to Nica.

jenlampton commented 7 years ago

Here's the latest/final design from Nica for the home page: home

I'm working to try to get us from where we are over the finish line today. More updates later.

docwilmot commented 7 years ago

Wow its a bit purple blue green!

klonos commented 7 years ago

As I mentioned during the design meeting today (or was it the dev meeting?), I really like how the new colorful hero looks around black color and white text. Not so sure about interchanging black and white regions as people scroll down though. White text over black background might be ok for menu items and some small sections, but not that sure about the readability of big portions of white text on black background(?).

klonos commented 7 years ago

@docwilmot it's teal purple and pink and I don't know about the US or other parts of the world, but it seems to be a thing here is Australia 😄 👍

wesruv commented 7 years ago

I love it!

On Feb 2, 2017 4:27 PM, "Gregory Netsas" notifications@github.com wrote:

@docwilmot https://github.com/docwilmot it's teal purple and pink https://www.google.com.au/search?q=teal+purple+and+pink+hair&tbm=isch and I don't know about the US or other parts of the world, but it seems to be a thing here is Australia 😄 👍

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/backdrop-ops/backdropcms.org/issues/301#issuecomment-277129150, or mute the thread https://github.com/notifications/unsubscribe-auth/AFWPRLct_5yR86L3tbE1hW8RpDZcDQ2Mks5rYnRpgaJpZM4KKnBa .

tomgrandy commented 7 years ago

Looks great!

serundeputy commented 5 years ago

i think we can close this as this design was launched some time ago. re-open if necessary.

backdrop-ops / backdropcms.org

backdropcms.org home page redesign & related changes #301

Original issue: