(design) Eth avatar - gravatar for ethereum addresses

[owocki]

what

An important part of the Ethereum Ecosystem

ETHAvatar - a gravatar-like app, but instead of attaching images to emails, it attaches avatars to ETHereum addresses.

what, technically

a webapp that will attach your ETHavatar to your web3.eth.coinbase in a smart contract

we've already got a working app over at #58 (comment)

design

index page

on this index page

• header -- ethavatar.co
• module - your current avatar ( see this page for inspiration )
• module -- your current avatar (when metamask is missing or locked)
• module -- look up any eth addresses avatars
• module -- avatar gallery (@mbeylin do we want this? )
• module -- code samples
• code sample -- post an ETHavatar for an address
• code sample -- get an ETHavatar for an address
• footer -- should just say "made with <3 by gitcoin.co"

bounty

• design the above modules (and please make it responsive)
• please allow us 2 design revisions

[gitcoinbot]

This issue now has a funding of 0.25 ETH (183.28 USD @ $733.13/ETH) attached to it.

• If you would like to work on this issue you can claim it here.
• If you've completed this issue and want to claim the bounty you can do so here
• Questions? Get help on the Gitcoin Slack
• $6715.83 more Funded OSS Work Available at: https://gitcoin.co/explorer

[cadomac]

What is the deliverable for this? Do you want a frontend prototype or just a design sketch? I assume the former based on your request for responsiveness.

[gitcoinbot]

Work has been started on the 0.25 ETH (128.48 USD @ $513.94/ETH) funding by:

1. @Graal46

Please work together and coordinate delivery of the issue scope. Gitcoin doesn't know enough about everyones skillsets / free time to say who should work on what, but we trust that the community is smart and well-intentioned enough to work together. As a general rule; if you start work first, youll be at the top of the above list ^^, and should have 'dibs' as long as you follow through.

On the above list? Please leave a comment to let the funder (@owocki) and the other parties involved what you're working, with respect to this issue and your plans to resolve it. If you don't leave a comment, the funder may expire your submission at their discretion.

• Learn more on the gitcoin issue page
• Questions? Get help on the Gitcoin Slack
• $4578.35 more Funded OSS Work Available at: https://gitcoin.co/explorer

[owocki]

What is the deliverable for this?

designs we can put on the site, in image / psd / sketch format pls.

[cadomac]

designs we can put on the site, in image / psd / sketch format pls.

Are Illustrator files okay, or do you prefer artboards to be exported?

[owocki]

illustrator files are fine with me! though its a nice touch to post a screenshot on github so that each individual who wants to comment doesnt have to have illustrator to comment on the creative

[vs77bb]

@cmac2454 Are you trying this one? I know @zoek1 is listed first, but it seems you've been more active here so it's yours if you want it!

[cadomac]

@vs77bb I'm interested! Couple of quick questions for you and/or @owocki :

code sample -- post an ETHavatar for an address
code sample -- get an ETHavatar for an address

What exactly are you looking for as a deliverable for the code requests?

And should I be using Gitcoin's branding for this page or should it have its own?

[owocki]

it can have its own branding

What exactly are you looking for as a deliverable for the code requests?

there's an code sample already in the readme of the app: https://github.com/gitcoinco/ethavatar#to-integrate-into-your-app

i think it'd be great to get this down into a 1 or 2 line integration.. but maybe that is more scope than is plasuible for this ticket. eventually, we'll want to have JS, python integrations with ETHAvatar of an interface that looks as nice and simple as this:

img_url, width, height, title = ethavatar.get_avatar(eth_address)

[cadomac]

Here's what the ethavatar design looks like so far

[owocki]

seems like it's on the way to being functional (at least the upload / get part).

• would love to see the code sample section filled out.
• it'd be cool to have a footer that talked about gitcoin and maybe displayed a "made with bounties" sticker
• also would love to see an above the fold section that talks about the "why i care" / "what it is" of the project

[cadomac]

@owocki

also would love to see an above the fold section that talks about the "why i care" / "what it is" of the project

Can you elaborate on this or rephrase it? What do you mean by "above the fold" section?

would love to see the code sample section filled out.

Is pseudocode okay for the design?

it'd be cool to have a footer that talked about gitcoin and maybe displayed a "made with bounties" sticker

Is there a made with bounties sticker already in gitcoinco/creative?

[owocki]

Can you elaborate on this or rephrase it? What do you mean by "above the fold" section?

when a first time user comes to the site, they are immediately going to want to know what the project is and why they should care. therefore, instead of just presenting the functionality of the app, we should show some compelling value statement as context, above the fold, before the functionality.

https://en.wikipedia.org/wiki/Above_the_fold#In_web_design

Is pseudocode okay for the design?

yes

Is there a made with bounties sticker already in gitcoinco/creative?

http://bits.owocki.com/1i2p2M3R152q/gitcoinn.gif

[lucaguglielmi]

Hi everyone,
I’d love to help out if I can.
My name is luca, Senior UX designer / frontend.

I have been pondering a few days about this, and here is what I came out with. Let me know your thoughts and how I can help.

FEEDBACK ON THE DESIGN:
It’s good work but I think it should present more as a website than an app. Support, About us and help section for developers.

I personally don’t see the need for the two separate area for upload and to show the avatar they can coexist in the same area.
I imagine a simple “change avatar” button under the current avatar.

The lookup is a great idea but it should be a separate url or “view” I think, because is different user workflow.

EXCHANGE / DAPPS ADOPTION
I don’t understand in full how it will works. Will external DAPPS just call the smart contract or they will need our UI ? Or use API ?

• if they need our UI, I suggest we add support for personalisation of the UI for each dapp. They will send us new users if they can use their branding on the tool for their users.

• We need to build the product around what DAPPs need: their decision to support eth gravatar will make or break the project.
  When we have something nice to show, i suggest to reach out on a few of them and see if we can solve a problem for them with our tool. I am thinking big names like Etherscan, myetherwallet, coinbase they will make everyone else follow.

• We need to provide an area for dapps developers and make it easier for them to understand what to do if they want to integrate the avatar in their projects.

• We should try to work with cryptokitties, cryptopunks etc to use their assets as avatar. I think there is a huge potential on ‘limited edition’ avatar and it will be essential for a widespread adoption of eth gravatar.

CUSTOMERS ADOPTION

• We should assume that our users do not know anything: metamask, gas, etc.
  we need a great help page with FAQ and great microcopy for each interactions in the site.

Uploading an avatar could potentially be their first interaction with the ethereum network if you exclude the creation of the address and we need to make everything smoother for them.

I am not sure about the etiquette (I hope I am not breaking any) since the project already started and you may not need my help at all, but I’d love to give it a try and make a UX workflow or even a visual proposal if everyone is ok with it.

[cadomac]

Is this getting closer to what you were thinking, @owocki ?

[owocki]

Is this getting closer to what you were thinking, @owocki ?

yes, definitely :)

[owocki]

@lucaguglielmi ill pass around your feedback internally (along with the content of your email) and will get back to you

[cadomac]

Commenting to prevent gitcoinbot from removing me

[cadomac]

Commenting again, is there any word on feedback regarding @lucaguglielmi ideas, @owocki ?

[owocki]

oh yes -- there is an email thread with @lucaguglielmi going over some of the finer points of their design. are you still iterating on your design? would you like me to add you to the convo about luca's work?

[cadomac]

I would like to be added to the thread if possible, I figure we can all bounce ideas off of each other.

[owocki]

whats a good email for ya? im kevin at gitcoin dot co

[gitcoinbot]

@Graal46 are you still working on this issue?

[gitcoinbot]

Work for 0.25 ETH (128.48 USD @ $513.94/ETH) has been submitted by:

1. @lucaguglielmi

Submitters, please leave a comment to let the funder (@owocki) (and the other parties involved) that you've submitted you work. If you don't leave a comment, the funder may expire your submission at their discretion.

• Learn more on the gitcoin issue page
• Questions? Get help on the Gitcoin Slack
• $4732.53 more Funded OSS Work Available at: https://gitcoin.co/explorer

[lucaguglielmi]

Let me know if anything else is needed from my side!

[gitcoinbot]

The funding of 0.25 ETH (128.48 USD @ $513.94/ETH) attached to this issue has been approved & issued to @lucaguglielmi.

• Learn more at on the gitcoin issue page
• Questions? Get help on the Gitcoin Slack
• $4578.35 more Funded OSS Work Available at: https://gitcoin.co/explorer