paint the walls

[chadwhitacre]

We've got a long weekend to get the Pivot done, so we can announce the 1.0 refund (#3539). I think we need to "paint the walls" as part of this. We need a fresh look to indicate a fresh product and fresh energy—for ourselves if for no-one else.

[chadwhitacre]

I couldn't get a head of steam on any of the hard stuff for the Pivot and this has been building up for me, so I went for it.

[chadwhitacre]

Longest username in the system is 31 chars long. Shortest is 0. N=112,775.

[chadwhitacre]

[chadwhitacre]

• details ("Joined 3 months ago," etc.) are slapped on there
• long usernames break the you-are link and banner
• try out some imagery in the banner
• some h2s on Settings aren't padded properly (:first-child?)
• fill out the homepage banner
• suppress the sidebar where not needed
• tighten up tables (e.g., contact us)
• review col0 classes—still needed?
• pages:
  • clean up search
  • Delpan
  • History
  • account take-over
  • stats
• responsiveness

[chadwhitacre]

Global CTA is still as annoying as ever. :-)

[chadwhitacre]

[chadwhitacre]

Sorry, @timothyfcook. I like wood, I guess. :-)

[timothyfcook]

: )

[chadwhitacre]

Okay! Ready for review. :-)

[techtonik]

Should we have a dev.gratipay.com with the WIP site version that is automatically pushed on commits from master?

[stevepiercy]

This design is so much better. Nice work!

[timothyfcook]

I like it! Except for the wood picture in the header. Too skeumorphic and non-matchy with the rest of the otherwise clean flat design. Majorly upsets the aesthetic for me.

Also: you should feature the most interesting teams at the top of the list.

Also: in the future it would be nice to get icons back on the homepage

Also: can we not see total income of teams anymore?

[chadwhitacre]

Should we have a dev.gratipay.com with the WIP site version that is automatically pushed on commits from master?

@techtonik I've added a +1 for you to #1133.

This design is so much better. Nice work!

Thanks, @stevepiercy! 💃

I like it! Except for the wood picture in the header. Too skeumorphic [...]

The header image isn't skeumorphic, because skeumorphism is more than just having images: skeumorphism means pretending that the digital interface is a physical interface. For example, a "notes" app that uses a Sharpie-like font on a yellow background is skeumorphic because it's mimicking Post-it notes. The header image here isn't mimicking anything. It's just an image that's part of the design.

I decided to include a header image in order to add visual interest to the site. I had originally thought to have a few different images: one for the homepage, one for the About pages, one for Teams, one for ~users, etc. In the interest of time, I only chose a single image. Also in the interest of time, I chose from existing pictures. I didn't try to take any new pictures.

Here's why I chose the header image I did:

• I really like the penny puncher and the punched pennies. I think it's fun and unique, and ties what we're doing into the real world a little bit. I think it's an important part of our brand identity.
• I like how the line of the table leaves divides the picture into two parts, with the pennies on one side, and the other side "blank."
• I like how the penny side has a single punched penny, with the rest unpunched. I think this makes the punched penny stand out. Yay individuals! :-)
• The blank side works pretty well to put text on.
• The penny side works well to put the avatar on. The way the picture is cropped, the punched penny is the only one that's visible when the avatar image is present, further emphasizing it. The field of non-punched pennies becomes the background for the avatar.
• The left inside straight of the heart lines up vertically with the avatar, pointing down towards the content area.
• Especially when the sidebar is present, the table leaf line points down to the beginning of the content area, which is where we want people to start reading. This reinforces the arrows of the selected items in the nav when present, especially for the first item in a section.

[...] and non-matchy with the rest of the otherwise clean flat design. Majorly upsets the aesthetic for me.

Your aesthetic is superficial and swayed by fads. :-)

Also: you should feature the most interesting teams at the top of the list.

Also: in the future it would be nice to get icons back on the homepage

Also: can we not see total income of teams anymore?

Good ideas! Let's pick up with these over on #3704 ...

[clone1018]

!m @whit537

Very refreshing.

[chadwhitacre]

:-)

🍹

[chadwhitacre]

@timothyfcook Also, the punched penny very nearly aligns with the leaf line, which is not vertical or otherwise related to the rest of the grid on the site (this new design has a 3-column grid, based on 192px columns). To me that symbolizes the way that Gratipay marches to the beat of a different drummer. We are aligned with something, but it's certainly not the mainstream. We are building a new inside. According to the penny (~= Gratipay ~= each of us), it's the rest of the page that is off kilter. What, Gratipay asks, is one's frame of reference?

Also, that is a picture of the table that I am sitting at _RIGHT NOW. I bought this table at Capo's in New Brighton 15+ years ago, and refinished it with a friend. I bought it as a dining room table for my wife before we were married, while we were engaged. I'm looking at the knot _RIGHT NOW.

[chadwhitacre]

P.S. The table from the picture is now on our third floor. Our main dining room table is from the Sibley Mansion.

[chadwhitacre]

P.P.S. I'm excited for the retreat (gratipay/inside.gratipay.com#322). :-)

!m @clone1018

!m @timothyfcook

!m *