Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DESIGN - As a user, I want to be able to update my profile header, to further customize my profile 'when I look in the mirror'. #3912

Closed
owocki opened this issue Mar 7, 2019 · 46 comments

Comments

@owocki
Copy link
Contributor

owocki commented Mar 7, 2019

User Story

As a user, I want to be able to update my profile header, to further customize my profile 'when I look in the mirror'.

Why Is this Needed

Summary:
Further allowing users to customize their profile and MAKE IT LOOK GOOD will allow them to think of their gitcoin profile as their web3 job hunting identity, further increasing their stickiness on the platform.

Description

Type:

Current Behavior

No profile header upload

Expected Behavior

Profile header upload will built via #3907

Bounty

Your task for this bounty is to design a profile header background to replace on the Gitcoin profile
.
header-bg

Here is what a Gitcoin profile looks like:

Screen Shot 2019-03-12 at 9 50 11 AM

I will pay 20 to 50 DAI per piece of header artwork at my discretion. I have budget to pay for a dozen of these at 50 DAI each.

Acceptance Criteria

  • Please post a link to your design portfolio in your application.
  • Please DO NOT start work until I approve you as a contributor.
  • Designs must be on brand ( see https://gitcoin.co/presskit )
  • Feel free to use assets from our creative repo: https://github.com/gitcoinco/creative/
  • Expect 1-3 iterations on your work.
  • Submit your work as pull request to this folder on the creative repo. Please submit a (1) svg of the artwork and (2) also a png of the artwork. Please also (3) submit a screenshot of what the profile will look like with this background image.
@gitcoinbot
Copy link
Member

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


This issue now has a funding of 2.0 ETH (275.86 USD @ $137.93/ETH) attached to it.

@gitcoinbot
Copy link
Member

gitcoinbot commented Mar 7, 2019

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work has been started.

These users each claimed they can complete the work by 11 months, 3 weeks from now.
Please review their action plans below:

1) charlie4biz has been approved to start work.

https://drive.google.com/open?id=1l9jK_xh1_dXPMda4F_Kez0t_wJmmCb9I
I have gone through the press kit and waiting on ya approval as a contributor.

Learn more on the Gitcoin Issue Details page.

2) maxstalker has been approved to start work.

I will start by getting brand guidelines and presskit as well as checking out creative repository.
After that I will check existing pages and references to be familiar with the style.
Then I will create mockup of the existing profile page where I can easily test my new creatives.
Following will be a creative process of making new images that adhere to the requirements :)

Questions:

  • I've found out that original image size is 3000x1100, new images shall be in the same size?

Learn more on the Gitcoin Issue Details page.

3) dvdptr has been approved to start work.

hi, I'd like to design a header background and could start asap after confirmation.
my portfolio is linked here www.davidebner.de/portfolio
thanks!

Learn more on the Gitcoin Issue Details page.

@owocki
Copy link
Contributor Author

owocki commented Mar 8, 2019

@MaxStalker nice to meet you. do you have a portfolio i can check out?

@owocki
Copy link
Contributor Author

owocki commented Mar 8, 2019

I've found out that original image size is 3000x1100, new images shall be in the same size?

Yes

@MaxStalker
Copy link
Contributor

@owocki Sure thing! You can find some stuff here https://www.deviantart.com/krigh/gallery/ and here https://dribbble.com/MaxStalker :)

@owocki
Copy link
Contributor Author

owocki commented Mar 10, 2019

everyone who has applied for this task has a really nice portfolio. i'm going to approve all 3 of you to start work on ONE of these:

I will pay 20 to 50 DAI per piece of header artwork at my discretion. I have budget to pay for a dozen of these at 50 DAI each.

@justcharlz
Copy link

@owocki any particular format save the banner image?

@dvdptr
Copy link

dvdptr commented Mar 11, 2019

@owocki I'd like to go with a minimalistic version, making use of brand colors that are shown as a gradient. first, I played around with some overlapping gradients, but this gone way too wild. that's why I'm going with this minimalistic approach, that I really like. pls let me know what you think.
in case you agree, I'm going to submit a PR. thanks!
gradient02-preview

@owocki
Copy link
Contributor Author

owocki commented Mar 11, 2019

@charlie4biz png pls!

@dvdptr that looks good to me. @PixelantDesign what do you think?

@justcharlz
Copy link

image-sample-3
banner-sample-3
What do you think? @owocki @PixelantDesign

@justcharlz
Copy link

image-sample-1
banner-sample-1
Just a couple of simple design not to be too distracting. @owocki

@justcharlz
Copy link

image-sample-4
image-sample-4-2
banner-sample-4
What do you think about this final one? My banner design concepts are something simple that won't be distracting or too noisy.

@owocki
Copy link
Contributor Author

owocki commented Mar 11, 2019

i really like the blue one and the top pink one is good too

@justcharlz
Copy link

image-sample-6
banner-sample-5
banner-sample-6
Which of these other two banners make the cut? :-)

@owocki
Copy link
Contributor Author

owocki commented Mar 12, 2019

@justcharlz
Copy link

@owocki ok. You've picked 3 out of all the ones I have sent in. should I discard the others? If there are no corrections, can I PR the ones you picked?

@owocki
Copy link
Contributor Author

owocki commented Mar 12, 2019

yes pls PR the ones I picked :)

the only change needed (and this is my fault, sorry) is that it now looks like the profile picture is going to be on the left hand side. we should just make sure they look okay in this format:

Screen Shot 2019-03-12 at 9 50 11 AM

i updated the main ticket desc to reflect this!

@justcharlz
Copy link

@owocki alright. Done the required adjustment and submitted 4 header banners you picked. Submitted the two pick colored banner design.

@gitcoinbot
Copy link
Member

gitcoinbot commented Mar 12, 2019

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work for 2.0 ETH (263.94 USD @ $131.97/ETH) has been submitted by:

  1. @charlie4biz
  2. @maxstalker

@owocki please take a look at the submitted work:


@MaxStalker
Copy link
Contributor

MaxStalker commented Mar 12, 2019

@owocki, please take a look at my submission. I was trying to stay within brand guidelines and established style, possible theme adjustments and animations. Let me know what you think.
cannon-yellow-pink
cannon-blue-yellow
cannon-green-blue

Below you can find previews on how it looks in UI:
example-cannon-green-blue
example-cannon-yellow-pink
example-cannon-blue-yellow

@owocki
Copy link
Contributor Author

owocki commented Mar 12, 2019

I like a lot! @PixelantDesign what do you think?

@MaxStalker
Copy link
Contributor

...and another one @owocki
burst-blue
burst-pink
burst-yellow

and previews:
example-burst-blue
example-burst-pink
example-burst-yellow

@MaxStalker
Copy link
Contributor

And some more exploration :)
network-blue
network-pink
network-yellow

...with previews:
example-netowork-blue
example-netowork-pink
example-netowork-yellow

@MaxStalker
Copy link
Contributor

Looking forward to your input, @owocki

@owocki
Copy link
Contributor Author

owocki commented Mar 13, 2019

@MaxStalker WOW 😍 , I think these are very cool + very on brand. Let me check with @PixelantDesign @willsputra and the other designers.

@cryptonautica
Copy link

Couple of examples using brand assets/colours.
Header1
Header2
Header3
Header1-preview
Header2-preview
Header3-preview

@PixelantDesign
Copy link
Contributor

Love them all!

@owocki
Copy link
Contributor Author

owocki commented Mar 13, 2019

Yes I'm thrilled with how this bounty is coming out!

Everyone who has done work for this, can you please submit your work as pull request to this folder on the creative repo. Please submit a (1) svg of the artwork and (2) also a png of the artwork.

From there I can start paying people out.

@willsputra
Copy link
Contributor

Wow these are great! 🎉

@dvdptr
Copy link

dvdptr commented Mar 15, 2019

this is my PR for two gradient versions of the header – simple and nice ones :)
gitcoinco/creative#59 @owocki

@gitcoinbot
Copy link
Member

⚡️ A tip worth 0.45000 ETH (60.96 USD @ $135.47/ETH) has been granted to @dvdptr for this issue from @owocki. ⚡️

Nice work @dvdptr! Your tip has automatically been deposited in the ETH address we have on file.

@dvdptr
Copy link

dvdptr commented Mar 15, 2019

thanks a lot @owocki
is the bounty still open for further submissions or do you close after paying? I'd be interested to design some more, let me know what you think.

@justcharlz
Copy link

Hi @owocki already done my PR 3 days ago which has been merge. Above #3912 (comment)

@owocki
Copy link
Contributor Author

owocki commented Mar 15, 2019

thx just tipped everyone who has a merged PR. if you all submit your images as a PR i can pay you out!

@dvdptr
Copy link

dvdptr commented Mar 15, 2019

@owocki
do you agree that I keep on working and submit another graphic or do you want to close the bounty soon? thanks

@owocki
Copy link
Contributor Author

owocki commented Mar 15, 2019

I'm going to close the bounty for now, as I think we have enough headers to get started

once #3907 is implemented i will likely open up a 2nd bounty for more submissions

thank you to everyone for your hard work!

@gitcoinbot
Copy link
Member

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


This Bounty has been completed.

Additional Tips for this Bounty:

  • owocki tipped 0.4500 ETH worth 60.96 USD to dvdptr.

@owocki
Copy link
Contributor Author

owocki commented Jun 4, 2019

@charlie4biz your image is kind of pixelated.. got a high res?

@owocki
Copy link
Contributor Author

owocki commented Jun 4, 2019

@iamonuwa
Copy link
Contributor

iamonuwa commented Jun 4, 2019

Cool

@justcharlz
Copy link

Ok.@owocki done. Having some technical issues attaching. Will send before the day runs out.

@justcharlz
Copy link

@charlie4biz your image is kind of pixelated.. got a high res?

banner-sample-6

polkadot-banner

@justcharlz
Copy link

rocket-banner

@owocki
Copy link
Contributor Author

owocki commented Jul 15, 2019

does anyone who submitted images above have vectorized versions of the artwork?

@MaxStalker
Copy link
Contributor

@owocki mine were all vector based :)

@owocki
Copy link
Contributor Author

owocki commented Sep 6, 2019

opening this up for a few more subbmisions #5145

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

9 participants