change the visual design of gittip #66

Closed
whit537 opened this Issue Jun 19, 2012 · 67 comments

Projects

None yet
@whit537
Member
whit537 commented Jun 19, 2012

Scroll down for comps.

@timothyfcook
Contributor

I think the initial goal here should be creating 2 Gittip logos, large and button-sized.

@whit537
Member
whit537 commented Jun 26, 2012

You don't like the heart-coin favicon? :-)

@timothyfcook
Contributor

nope.

@whit537
Member
whit537 commented Jun 29, 2012

Thanks for the effort. I think the design is good enough for the current phase of growth. My ideal would be to "hire" a professional designer to own the Gittip visual design for the next phase of growth (whatever "hiring" turns out to look like for an open corporation ;-) ).

I'm going to keep this ticket in the icebox for now.

@timothyfcook
Contributor

I fully agree.

@whit537
Member
whit537 commented Jul 9, 2012

For lack of more specifics, I interpret comments like this as +1's for this ticket.

@whit537 whit537 referenced this issue Jul 12, 2012
Closed

up the contrast #140

@whit537
Member
whit537 commented Jul 25, 2012

A few notes on this as I believe Damon from Balanced is going to give this some attention:

  • show data and comparisons
  • need data above the fold on the homepage
  • primary emphasis should be on receivers -- how are they making the world better? what's their story?
  • secondary emphasis should be on givers
  • work with funding goal (see also #147, though don't feel constrained to take it literally)
  • design should be responsive -- work on laptop at different resolutions and on mobile (phone and tablet)
  • current font is Lato, but it is problematic on Linux (#140) and in extended charsets (#62)
  • if you want to change the identity system let's tackle that first
@sbaney
sbaney commented Jul 25, 2012

I like the current design.

The icon is nice, but you may want to tweak the heart a bit - it looks a little squished to me.

I might also suggest a different color scheme. The neutral colors are relaxing but you might want something a little brighter.

Maybe a browse option of some sort would be helpful? Perhaps associating users with their projects (or primary/most recent project?) more readily?

@dmdj03
dmdj03 commented Jul 26, 2012

Would love everyone's feedback on the design for Gittip. Thanks!

https://www.dropbox.com/sh/k7gobwgqbttywo1/XngrL8lg6c [Scroll down! —ed.]

@whit537
Member
whit537 commented Jul 26, 2012

This is really exciting, @dmdj03, thank you! Will review more fully tomorrow.

@whit537
Member
whit537 commented Jul 26, 2012

One quick question: could you post a bigger pic of the logo for us, and maybe say a few words about it?

@dmdj03
dmdj03 commented Jul 26, 2012

Sure. You can use this same link to access the logo:
https://www.dropbox.com/sh/k7gobwgqbttywo1/XngrL8lg6c [Scroll down! —ed.]

With the logo, I wanted to create a separate bug that could be used independent of the wordmark - as a button perhaps. I modified the "G" to incorporate a bow/ribbon as a subtle reference to the idea of gifting / giving thanks.

@kennethreitz
Contributor

one


two


three


four

@kennethreitz
Contributor

Inline images ftw :)

@chmullig

I really like the bow/ribbon, because it looks a bit like an infinity sign, which implies the ongoing nature of donations. (Of course I'm in the middle of a math class right now, so me seeing infinity signs everywhere may be unusual).

@whit537
Member
whit537 commented Jul 26, 2012

@dmdj03 Ah, now I see the bow, not sure what that was. Very cool!

@kennethreitz Thank you!

@chmullig Good call!

@timothyfcook
Contributor

I like it. Although there was something nice and unique about the Green/Teal(?) color combination that Chad began with... I am partial to those colors, it's an attractive scheme that you don't see very often.

@rchlmrtn

Really a step up! The colors are a little bland, but still surprising...

Two verbal critiques:

  1. "Personal funding" is really vauge and not so inspiring. I would still like better something like "Put your money where your heart is," cheesy though it is.
  2. The two lines which start, "set up up recurring gift tips...." are way too long. Perhaps something like, "Give a recurring tip to people who (break) MAKE THE WORLD A BETTER PLACE." That way it's implied that both the person who is tipped and the person doing the tipping are "making the world a better place."
@whit537
Member
whit537 commented Jul 26, 2012

Yeah I don't know. "Fund people"? "Fund people building the commons"? We lost the heart ...

@kennethreitz
Contributor

Sponsor People

@whit537
Member
whit537 commented Jul 26, 2012

Does "fund" have currency at the moment? Crowd fund ing? Is that a hook?

@whit537
Member
whit537 commented Jul 26, 2012

I bought gfftd.com and reserved @gfftd on Twitter and GitHub. Do you think that name would work with @dmdj03's design?

@kennethreitz
Contributor

What's wrong with the current name that already has people's attention?

@kennethreitz
Contributor

gittip is pronounceable and easy to remember. gfftd is not.

@chmullig

I can't even tell what letters are in gftftfd.

@whit537
Member
whit537 commented Jul 26, 2012

It would be pronounced "gifted."

@kennethreitz
Contributor

giftd

@whit537
Member
whit537 commented Jul 26, 2012

giftd

Checked, gone.

@kennethreitz
Contributor

FWIW though, I don't consider recurring payments to support someone a gift.

I do consider them a sponsorship though :)

@whit537
Member
whit537 commented Jul 26, 2012

Problems with the current name:

  • Gittip collides with GitHub
  • @gittip on Twitter is taken (though it sounds like he's willing to talk)
  • Tips aren't gifts.
  • Except in Australia.

gfftd can also refer to the person receiving the money. As in, "I sponsor @kenneithreitz because he's so gifted."

@chmullig

You want to be the verb, don't you? As in "I gittiped whit537 for helping me support myself."

@rchlmrtn

gifted doesn't have such a great vibe in my opinion...reminds me of middle school somehow.

@rchlmrtn

giftip?

@timothyfcook
Contributor

I agree with those two critiques. "Personal Funding" is definitely vague.

"Fund people building the commons" is good.
"Fund people" is better than "Personal Funding" but keeps the brevity intact.

Other thoughts:
"Funding for the common do-gooder"
I kind of like "Genius grants for the rest of us"
"Common Funding"
"Support Good Work"

RIP heart favicon. Although I might like the "new" Gittip logo better if it was more of a Bow/Ribbon and less of an Infinity symbol... I'd be open to discussions bringing back the Heart logo though, it has grown on me.

@timothyfcook
Contributor

agreed about the "gifted" language, makes me think of the "gifted program" where the smart kids go, leaving the rest of us to fight over the 3 crayons left in the non-gifted kids art room.

@timothyfcook
Contributor

Since we're brainstorming...

It's a bit weird, but what about this word:

grubstake   [gruhb-steyk] noun, verb, grub·staked, grub·stak·ing.

provisions, gear, etc., furnished to a prospector on condition of participating in the profits of any discoveries.
2.
money or other assistance furnished at a time of need or of starting an enterprise.

It's a super cool word, is very close to what we mean, and is generally un-used....I really like the definition of "participating in the profits of any discoveries"... because that's exactly the hope of our Tippers.

www.grubstake.com is owned by a guy who operates a small-time mountain lodge rental... I bet he'd be willing to sell or barter for the Domain and he could move to "www.grubstakelodge.com" ...you could barter him a new web design : )

@chmullig

I like it. I also bet that guy would take relatively little cash.

@whit537
Member
whit537 commented Jul 26, 2012

@chmullig Doesn't gifted work in that regard? "I gifted chmullig for learning to make the world better."

@rchlmrtn, @timothyfcook Yeah, you're right. We should each be content in our own mediocrity. Don't want anyone gettin' uppity! ;-)

@whit537
Member
whit537 commented Jul 26, 2012

Oh, well. My latest moment of name-changing insanity has passed. Back to Gittip.com for now. :-)

@whit537
Member
whit537 commented Aug 1, 2012

Alright, we're definitively sticking with the name Gittip (#138).

Let's move forward with this. @dmdj03, could I get the design files from you? Dropbox, email, git ... whatever works best for you.

@dmdj03
dmdj03 commented Aug 1, 2012

@whit537 The files are in Illustrator. Are there any changes you want to make before I send it off? Such as the headline? Would like to tidy things up for you.

@whit537
Member
whit537 commented Aug 1, 2012

@dmdj03 Thank you. There are a few things I was planning to explore while converting to markup.

  • What fonts are we using? Can they be CSS-styled (preferred) or do we need to use images?
  • We need a responsive design that works at widths <640 (including mobile), 640-959, and 960+. The comps above look to me like the 960+ layout, and I don't think we'll have trouble scaling down for narrower widths.
  • I'd like to look at some alternate color schemes, including ones with the current green and/or brown.
  • I'm also up in the air between the heart logo and the gift logo.

I do have Illustrator, and I was expecting to work on these things over here. I'd be happy to keep you in that loop so we preserve the integrity of your design. If you'd like to address some of these issues yourself I'm of course open to that as well.

@whit537
Member
whit537 commented Aug 1, 2012

@dmdj03 I should also say that I'd like to adopt a CC0 license for Gittip. Are you (and Balanced) okay with that? See #179 for details.

@dmdj03
dmdj03 commented Aug 1, 2012

@whit537 You can retrieve the AI files along with the fonts from this link:
https://www.dropbox.com/sh/k7gobwgqbttywo1/XngrL8lg6c

I'm using three fonts in the design:
Blanch (for headlines - will have to be images)
Edmondsans (for logo and small elements such as numbers for the top 10)
Helvetica Neue (body text)

The design right now is 960 pixels wide.

@whit537
Member
whit537 commented Aug 1, 2012

Thanks @dmdj03. 🐻

@whit537 whit537 added a commit that referenced this issue Aug 4, 2012
@whit537 whit537 Add AI design file to repo (#66) 9c7f13b
@tomwolber

What is the status of this design?

@maximz
maximz commented Dec 5, 2012

Those Dropbox links don't work for me - are those files still available somewhere? Thanks!

@whit537
Member
whit537 commented Jan 10, 2013

@tomwolber The status of this design is that it is waiting for someone to love it. Gittip is hiring, and could really use a front-end person. Any recommendations? :-)

@whit537
Member
whit537 commented Jan 10, 2013

@maximz I thought I downloaded them but now I can't find them.

@dmdj03 Any chance you could upload those files here on this thread now that GitHub has added the attachments feature? Thanks! :-)

@dmdj03
dmdj03 commented Jan 10, 2013

@whit537 are you looking for the AI file? or just a jpg of the design?

@tehgeekmeister
Contributor

@whit537 I may feel inspired to rework some of the front end to match that design once rubygems stuff is done, but one thing at a time.

@whit537
Member
whit537 commented Jan 10, 2013

@dmdj03 I was looking for the AI files.

@dmdj03
dmdj03 commented Jan 10, 2013

@whit537 I wasn't able to attach the AI here since it's not an image. Here's the link to the folder:

https://www.dropbox.com/sh/y939embdpcg80vz/lfFX6M_owb

@whit537
Member
whit537 commented Jan 13, 2013

Thanks @dmdj03! :-)

@whit537
Member
whit537 commented Jan 13, 2013

Whatever we do here needs to be responsive.

@clone1018
Member

I agree, also on another note looking into mobile apps wouldn't hurt in the future.

@sigmavirus24
Contributor

@clone1018 as long as @whit537 only ever uses HTTPS, the mobile app (assuming it is well designed) will be the better way to go. Currently the API wouldn't allow for good mobile application development. (A RESTful API would make that way easier.)

@whit537
Member
whit537 commented Jan 13, 2013

Also, let's stick with the heart coin logo: .

@whit537
Member
whit537 commented Jan 13, 2013

Mobile apps: Sure, just had a non-geek friend on Facebook ask me when to expect the iPhone app.

@whit537
Member
whit537 commented Jan 15, 2013

@nicksergeant has expressed interest in picking this one up(!).

@nicksergeant nicksergeant was assigned Jan 16, 2013
@nicksergeant
Contributor

Hopefully will be able to get started on the front-end by early next week. Looking forward to it :)

@whit537
Member
whit537 commented Jan 24, 2013

@nicksergeant Reticketed conversion to markup as #516. Let's discuss further there and elsewhere.

@whit537
Member
whit537 commented Jan 24, 2013

At our hangout on Tuesday, we talked about using GitHub milestones more effectively, and I think this is a great case for that. I've created the following milestone to track this instead of continuing to load up this ticket with everything:

https://github.com/zetaweb/www.gittip.com/issues?milestone=26&state=open

@whit537 whit537 added a commit that referenced this issue Feb 5, 2013
@whit537 whit537 Clean up #18
Here's what I did:

 - Took out redundant getters and modified tests to expect ints
 - Standardized on 'expiration' instead of 'expiry'
 - Reverted to former FORM width, tweaking only expiration field
 - Stuck with pixels for FORM layout (a switch to em should be done as a
   whole, and #66 surely affects this)
 - Show expiration error before CVV to match order in UI
ef6503e
@whit537
Member
whit537 commented Feb 7, 2013

Fuck. Yeah.

@whit537 whit537 closed this Feb 7, 2013
@kennethreitz
Contributor

woah!

@whit537
Member
whit537 commented Feb 7, 2013

:-)

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