Design a more aesthetically pleasing bounty detail page

[owocki]

The bounty detail page could need some TLC on it. Design another bounty detail page that is

1. more aesthetically pleasing
2. lets me (as a user) know at a glance what i need to know about a bounty, but also lets me look for more detailed info about the bounty if i want it
3. more promoinent call to action buttons
4. bounties have 3 steps: active, claimed, and paid. (also, arguably, expired). what does it look like on each of these steps?

please ask any relevant clarifying questions before you claim this issue!

[gitcoinbot]

This issue now has a funding of 0.04 ETH (12.1 USDT) attached to it. To view or claim this funding, click here.

[taurean]

@owocki Are you looking for static mocks or for the design to be implemented as well?

[owocki]

just mocks (although once this design bounty is accepted, ill likely post another one asking to get it coded)

[kvndlgs]

Here's my try.
https://imgur.com/52nz3b6

[gitcoinbot]

⚡️ A tip worth 0.02 ETH has been granted to @kvndlgs for this issue from @owocki. ⚡️

Nice work @kvndlgs, check your email for further instructions. | Send a Tip

[owocki]

thanks for having a go at this.

[kvndlgs]

glad you like it, thks

[taurean]

Are you looking for more pitches @owocki?

[owocki]

yes @taurean -- i like what @kvndlgs did but i dont think its what i'll go with for the live site.

i'm looking for more of a 'first principle' redesign of the page with "what does a person want to see / learn about when they hear about a bounty?" as a starting point, instead of the current bounty detail page as a starting point.

also, the posted bounty of 0.04 is probably too low given the new scope, happy to agree upon some amount upfront that's worth your rate if you'd like.

[owocki]

here is a data point: for user profiles, this is the latest design proposed: http://bits.owocki.com/3p321Y2e3J2p/Screen%20Shot%202017-10-06%20at%2011.01.54%20AM.png

whatever is turned around should be at least this hgih fidelity i think.

[taurean]

understandable. I can take a crack at it, the bounty is fine for what this is, I imagine in the future you might want to refresh or revise the whole site in one shot anyway. Is it alright with you if I introduce another typeface in addition to Futura for legibility? Maybe Roboto or Open Sans.

[owocki]

defer to your judgement, you're the designer :)

[taurean]

@owocki

You can view the Figma link here (includes state for status, buttons, and expire length): https://www.figma.com/file/MP6mJ9NpeViN4CeJ2daog0UU/Bounty-Details-Page

Let me know if you have any issues accessing layers and whatnot.

Icons:

• Back Chevron
• Info Icon

[owocki]

@taurean thanks. do you have metamask and some ETH? are you able to submit the existing bounty at https://gitcoin.co/funding/details?url=https://github.com/gitcoinco/web/issues/17 ?

[taurean]

@owocki I had some issues setting up metamask, (the checkout to buy an initial order of ETH to establish an account wasn't working). Can I give a different ETH address?

[owocki]

this reminds me, i need to put together a solid education section to onboard users who are used to web3 into the web3 ecosystem (what is metamask, why do i need it, why do i need eth? why does transacting cost gas, etc)

let me just accept the bounty myself and send you a tip for the work. the tip flow allows you to put in a new ETH address (and also lets the sender pay the gas costs for the entire flow)

[taurean]

Ah, awesome thanks. Is there anything you need from me to do that?

[owocki]

nope, ill process it when im by a computer next (probably tomo)

[gitcoinbot]

⚡️ A tip worth 0.1 ETH has been granted to @taurean for this issue from @owocki. ⚡️

Nice work @taurean, check your email for further instructions. | Send a Tip

[owocki]

@taurean just deployed a first pass at this. still a few rough edges to clean up, but i'm onit this evening / early this week

[gitcoinbot]

The funding of 0.04 ETH attached to this issue has been approved & issued.

Learn more at: https://gitcoin.co/funding/details?url=https://github.com/gitcoinco/web/issues/17

[owocki]

🚢 d!