Improve emotional response of d.o. by using images on landing pages

I think this is a good idea, also there were other ideas/initiatives about the landing pages earlier, just making sure you saw them, e.g.:
http://drupal.org/node/1414988
http://drupal.org/node/1010262
http://drupal.org/node/1289748

I think we need to consolidate efforts somehow. Let's start from at least "drupal.org landing pages" tag, so we were able to track everything.

Some time ago lisarex started this group on flickr http://www.flickr.com/groups/1885072@N23/ to collect photos of community members in Drupal t-shirts and use them later on Drupal.org. We could use it to gather more images.

And as a usual note: implementation should wait for Drupal 7.

I love the T-Shirts.

It's now post D7 launch so just commenting here. I guess this is the main starting point https://drupal.org/node/1289748

#1414988: [Meta/Plan] Create a new Getting Involved Guide section
#1010262: Identify interest areas for getting involved landing page

There are a number of other landing pages tagged issues here.

Someone has to go through the issues that haven't been touched for the last year though. This is a bit of a stale initiative at this point and not sure if the folks who were involved in 2012 have the time now.

That is a good example. We should be able to pull out some good photos from the DA or the last DrupalCon.

Related issue #977934: Put an imagefield on Community Spotlight - make it visible in the teaser view

Hi all - per your tweet to me Mike, we pull all the photos on those pages from Flickr, using CC licensed images. So no special repository. It's a treasure trove on Flickr! We have been hard at work putting real people on the DA pages for exactly the reasons you talk about.

And for the record, I am +1 on this issue.

Thanks Holly

The DA's page is http://www.flickr.com/photos/drupalassoc/

There are other CC images here on Flickr too http://www.flickr.com/search/?q=drupal&l=cc&ss=0&ct=0&mt=all&w=all&adv=1

Finally, there are so many photos. Would be nice if there were a few selected galleries to help make it easier to choose the good ones. I've picked a few here http://www.flickr.com/photos/mgifford/galleries/72157640087013084/

I was reminded by Paul Johnson about Flickr Groups for DrupalCon http://www.flickr.com/groups/drupalconprague/pool
http://www.flickr.com/groups/drupalconportland/

http://www.flickr.com/groups/2382198@N24/pool/

Let's put images in more than just the landing pages too. But let's put those in a sidebar block.

Cropped images by PedroLozano:

Cropped images by cafuego:

So this is fairly simple. I just pulled some images from Flickr. Squished them to fit 1020x200 and then inserted it with Firebug:

<img style="height: 150px; width: 1020px;" src="https://drupal.org/files/issues/PedroLozano-John-1020x200.jpg" alt="Community Page">

More photos would be good for the community.

<img style="height:640; width:640;" src="https://drupal.org/files/issues/cafuego-blame-460x460.jpg">

cafuego's image cropped:

On the support page:

So... compared to some other issues that require modules on d.o, A/B testing, performance, custom dev work... this seems doable and a good idea. This might be an easy win, boosting morale of people trying to improve d.o

A. (coordinate)
Do we need someone to read background/history/other issues to make sure this doesn't conflict with other plans? (See comment #1 by @tvn)
Or are we good to put effort into the following...

B. (styling and dev site)
should we pick a dev version of d.o and actually edit some of these landing pages?
that would let us make sure we have any styling we would need.

C. (deciding page/picture pairs)
Ci. (how decide) Should people just propose pages and picture pairs here?

Cii. (who decides) And who decides?
Is the decision about that something for content working group https://drupal.org/governance/drupalorg-working-groups/content?
or is someone commenting (rtbc'ing pairs) here enough?

leighc?

D. (doing it)
Who would actually edit the landing pages (once styling and page/picture pairs are agreed on)?
Could anyone with edit permission on the do it?

Good suggestions. With the Support page, it was mostly because there was so much white space that I decided to make it that large. Would be easy to make it smaller if it were going to be added to all sub pages.

The wireframes used a caption, not sure if that is needed or not, although we do need a space for attribution.

#1414988-1: [Meta/Plan] Create a new Getting Involved Guide section

Tagging for Drupal.org Content Working Group. In response to YesCT's question above, the DCWG would be responsible for approving the addition of images to these pages, and would also be responsible for developing the process by which images are selected for the pages (though not necessarily responsible for picking the images themselves). If there are specific CC images that folks want to propose, please feel free to post them here.

Images should never be stretched or squashed as they are in #11 and #12.

It was hard to find images that looked good without squishing them.

Personally, I'm not a designer. Would be great to have a style guide and a large assortment of images that have the right dimensions to choose from.

However, ultimately our efforts toward perfect delay (sometimes for a very, very long time) what would be a good implementation.

This is a simple idea that we should be able to change regularly without a great deal of discussion. It should be easy & fun. If we push to make it perfect it will just be boring and will just never change.

I am +1 for improving the visual appeal of the landing pages through photographs.

Agree that we don't want to stretch or squash images. If the original image (or very high res) is available on Flickr then it shouldn't be to difficult to get the right cropping / masking done.

There are lots of high resolution images available from Drupal events on Flickr. Think it mostly just involves someone going through, selecting the photos and then editing them.

Hi Guys,

This is a great idea - d.o is waaay to impersonal to the user who just happens upon it.

Two Points (related):

1) There are bucket loads of images on Flickr for us to use;
2) A squished image never looks good.

So, let's define a px dimension size, let people sift through what we have on flickr, and upload the results here (cropped) for a community poll (or some other worthy voting mechanism).

Also,

Here's an example of a not squished image that might be used for the community page. Taken from: http://www.flickr.com/photos/x-foto/4923221504/

Photo taken by Michael Schmid
https://www.flickr.com/photos/x-foto/

Image:

Image in Page:

Note that there is this issue today for just the /community page #1288470: Create 'Community' Section