make homepage more like a product/campaign

[GarthDB]

I've been thinking a bit since yesterday's designathon.

I think we should make the homepage more like a product page. I think the key elements should be:

• Hero (brand, tagline)
• Introductory video
• key element sections (probably taken from the manifesto)
• call to action - start contributing (to this project and others).

Inspiration:

• Coin
• Nest

[dncnmckn]

I like it. Tell a story. Emphasize community, co-creation and creativity. It would be good to work out the objectives for the homepage: what is it for, who is the audience, what do you want the homepage to achieve and then the homepage can be designed around that.

Here's a good example about telling a story: http://petesmart.co.uk/rethink-the-airline-boarding-pass/

Thoughts?

[GarthDB]

Just an idea I started playing with.

[GarthDB]

If we were to do a page like this we need to start thinking through sections for the main page.

It should focus on the main goals, encourage designers to:

• find opportunities to design in the open
• share design experiences (good and bad)
• find time for meaningful projects
• openly participate in design discussions
• work with other designers by choice
• improve their toolbox
• contribute to open source projects

[GarthDB]

Hmm, maybe we need to reorganize those by order of importance, and ease of contribution for designers:

1. find time for meaningful projects (read: do side projects)
2. share design experiences (post mortems)
3. design in the open (design journals)
4. participate in design discussions (don't just read, but comment)
5. work with other designers by choice
6. improve your toolbox (learn to code, learn git, learn sass, etc)
7. contribute to open source projects
   • how to contribute to osd
   • design posters for manifesto
   • design blog posts
   • write articles
   • refer contributions

[GarthDB]

Another iteration. I think I like where this is going.

[areus]

Do you have the source for this design online anywhere?

[GarthDB]

@areus I do on layervault, but we might have exceeded our size limit. Let me check and I'll put it in a public dropbox if that's the case.

[areus]

Maybe we can make a shared folder? My dropbox email is hi@areuswade.com

[GarthDB]

Shared. If anyone else fancies downloading it:

The illustrator file
The psd for the header image (linked in the ai file)

[GarthDB]

@areus I think it should be easy to incorporate some nice transitions (nothing too heavy) and fixed background images in sections that make sense. Also, I'd love to look at using snap.svg or something like it to animate the images/graphics as long as it makes sense.

[areus]

Fully agree. We'll tweak those kinds of interactions so they're nice and subtle. I used lazylinepainer on a project before, but it looks like we will have greater output using snap.svg.

[GarthDB]

I've also been looking for an excuse to use it.

[GarthDB]

I've been wanting an excuse to play with snap ;)—
Sent from Mailbox for iPhone

On Tue, Feb 4, 2014 at 10:28 PM, Areus Wade notifications@github.com
wrote:

Fully agree. We'll tweak those kinds of interactions so they're nice and subtle. I used lazylinepainer on a project before, but it looks like we will have greater output using snap.svg.

Reply to this email directly or view it on GitHub:
#85 (comment)