#754 Website banner to use for yearly Fedora contributor survey
Closed: Fixed 2 years ago by riecatnor. Opened 3 years ago by riecatnor.

phenomenon

The Fedora Council is working on a yearly Fedora contributor survey [1,2]. We want to capture as many responses as possible and one of the ways we want to promote the survey is by adding a banner onto a variety of pages that our contributors frequent. Below is a list of websites that we are thinking about adding this to, give or take, for the duration of the when the survey will be open.

discussion
- https://discussion.fedoraproject.org/
community blog
- https://communityblog.fedoraproject.org/
mailing list (hyperkitty)
- https://lists.fedorahosted.org/archives/
account system
- https://accounts.fedoraproject.org/
start.fedoraproject.org
- https://start.fedoraproject.org/
docs.fedoraproject.org
- https://docs.fedoraproject.org/en-US/docs/
fedora wiki
- https://fedoraproject.org/wiki/Fedora_Project_Wiki

[1] https://pagure.io/Fedora-Council/tickets/issue/327
[2] https://hackmd.io/MqPUtYrnSOesig7hJ9RPQg?view#Fedora-Community-Survey

reason

To help assist in making the Fedora contributor survey as successful as possible.
To promote the Fedora Design Team's work & skills!

recommendation

Simple, clean, banner design with the new Fedora logo and the text below(subject to change still). I think it should be short and should not be intrusive to the sites overall. It might be nice to use a Fedora blue for the background to help it stand out? There is also a badge series design in the works for "Survey Takers"[1]. Open to ideas but it should fit the look & feel of the Fedora websites aesthetic(the modern ones, not the wiki lol).

"Help enrich the Fedora community by completing this Contributor Survey. Claim your Survey Taker badge at the end!"

[1] https://pagure.io/fedora-badges/issue/800


Metadata Update from @riecatnor:
- Issue tagged with: outreachy-2021

3 years ago

"Help enrich the Fedora community by completing this Contributor Survey. Claim your Survey Taker badge at the end!"

Maybe add some short catchy slogan before that. For example:

Tell us about you!
Help enrich the Fedora community by completing this Contributor Survey.
Claim your Survey Taker badge at the end!

Here are some drafts I came up with, one uses the slogan @bookwar provided, and one uses the plain text by @riecatnor. I also used the badge design from the Survey Taker Badge ticket.

I've proofed the design colors on colorblindness simulations as well, to make sure it stays legible for all audiences.

Survey_Banner_With_Slogan.pngSurvey_Banner.png

Hi @leena_harani thanks for starting work on this! A couple notes for this task:
- The banner should be very short in height, and wide in width. It shouldn't take up too much space.. I sketched this real quick to give you an idea:
unnamed_26.jpg
- I don't think the panda is going to fit in here? And the survey taker badge is not complete, so let's leave the panda out for now.
Looking forward to the redesign :)

Checking through the list of people it was targeted for and the goal of the survey. The call to action was made clear and legible to make people perform the desired action. Attached are two designs. Noticed the survey taker badge is still being worked on, changes would be effected as soon as it reflect on #800

website_banner_1_1.png
Website_banner_-2_1.png

Thank you for the note @riecatnor I get a clearer image of the banner size and placement now, surely the survey taker badge can not fit. Will work on it!

Thank you for the note @riecatnor I get a clearer image of the banner size and placement now, surely the survey taker badge can not fit. Will work on it!

Hi everyone! @riecatnor I would like to contribute on this issue, is it okay?

@jonekls Hey! Welcome, and yeah you can begin contributing on the issue if you're interested

Hey @benny I like the designs, just a small suggestion to use Montserrat and Open Sans as your fonts, since those are the ones that the Fedora Guidelines suggest.

I also suggest that for connectivity of the sentence the

"Help enrich the Fedora community by completing this Contributor Survey."
Can be adjusted to:
Tell us about you!
"By completing this Contributor Survey to help enrich the Fedora community."
Claim your Survey Taker badge at the end!

Hi folks! lots of great work happening here, comments below!

@babsbarokah thanks for starting work on this! You have a better idea with the second round of designs, so I will comment on those.
- I think version 5 is looking the best to move forward with
- Make the height of the overall design a bit shorter, we want this to be a pretty thin banner
- Switch the sizes of the text "Tell us about you!" (make that one bigger) and the text right below it (make that smaller)
- Adjust typo in "contributor"
- Make your typeface sizes consistent ( use 3 sizes for font max)
- The fedora logo has been squooshed :( remember to keep the aspect ration the same. I would re-import the logo file.
- I like the idea of highlighting the survey taker badge, but it kind of looks like a button that can be clicked.. try a different shape there

@leena_harani nice work, I am enjoying the slimmer version best. Just a few notes:
- I like how you have made the "Survey Taker Badge" pop out by using a different color but it is taking all the attention right now. Perhaps give "Contributor Survey" the same treatment?
- The orange color looks a bit dull- is it a fedora color? Maybe try the next lightest version of orange or if it isn't a fedora color, try one of those
- lengthen the horizontal line to match with the width of the text on the top line

@dhairya15 your first draft is lookin' good! A few recommendations:
- The fedora logo looks fuzzy, make sure to use a correct file for this
- Remove "the" to make "Annual Contributor Survey"
- Otherwise this looks quite simple and nice, you could try to change some colors on the text to help some things pop out - similar to what @leena_harani is doing with their design. Instead of orange you could try the color from the new fedora logo :)

@vanichitkara nice start! I have some recommendations for you:
- Use the new logo for sure :)
- I like the arrow concept, though I think you can pull it off a bit more simply. I would make the inner white object a bit smaller. I would remove the white stroke/outline object you have and just use the line tool to create an arrow shape on the right side of the white obect. I would also increase the stroke on this line from what you have now. Does that make sense?
- Remove "the" to change to "Annual Contributor Survey"
- There is an extra space between "by" and "completing", adjust that to have correct spacing
- The blue you are using for the "badge" text is clashing a bit with the blue of the background. Blue seems fine, maybe the new fedora logo blue or something from the fedora pallette?

@sunidhikashyap thanks for starting on this! I have a couple notes for you:
- Use the new logo :)
- Right now the text about taking the survey is a bit small, I think you might have to enlarge and rearrange the text a bit to make sure that is readable.
- The logo, the "tell us about you" text, and the stuff on the right side seem to be kind of randomly spaced. What if you group the logo with the "tell us about you text" to help out with that? it could give you more room on the right to play with the other text as well
- The orange looks ok here, a little dull. Is this the fedora orange? Try that if not, or try a lighter version of the orange if it is

Hi @benny thanks for beginning work here :) it is kind of hard to review the designs based on these pictures. Are you able to provide exported files or screenshots instead please? One note:
- I am not sure where this cute penguin is coming from but we should use the Fedora logo here :)

  • With the new branding we are moving away from having lines and sharp points, something raised in today's call.
  • Use brighter gradient,
    3c95b4ff
    3c6eb4ff

Forgot to mention, I've used a different badge as a placeholder. Sorry for the back-to-back messaging :(

Adjusted the gradient and removed the line based on Duffy's suggestion, and used a lighter orange as per @riecatnor's suggestion. Also, not sure why the previous orange seemed dull, it was a fedora color indeed. Either way, here's the 3rd draft:

Survey_Banner_3rd_Draft.png

@yavnikaa we don't really use purple in the main branding (the fedora design team meeting banners do but the main fedora identity uses the colors posted eaerlier:
3c95b4ff
3c6eb4ff

Hey @riecatnor and @duffy here is an updated version of what i did. I removes the sharp points and changed the gradient. Is this better? Or should i make any changes?
Website_banner.xcf

@yavnikaa we don't really use purple in the main branding (the fedora design team meeting banners do but the main fedora identity uses the colors posted eaerlier:
3c95b4ff
3c6eb4ff

@duffy I'll keep that in mind next time and won't use purple so predominantly. Really sorry!
Here's the updated version for the banner.

banner_surveys_fedora.png

I made some changes here. @riecatnor I rearranged the text after enlarging it, as you suggested. I also used a brighter version of the orange. Changed the gradient to as given by @duffy . Also, I changed my layout a little bit to make room for the badge. Also increased the font size of the text.

I hope this one works

banner_draft_2.png

I recently got the fedora gradient by @duffy and realised I was doing the gradient all wrong!
here's an iteration with the new gradient and some changed structure of the banner:

banner.png

banneriteration1.png

I added it to the website to show how it will look on it.
Looking forward to your feedbacks and iterations <3 , Take care!!

Here's my take on this from the new Fedora logo design POV... I was really inspired by @sunidhikashyap 's approach. I wanted to get out of the business of making a custom logo for the survey, bc I think that complicates things with branding. So this uses a plain Fedora logo, uses the orange lozenge for the call to action of taking the survey, and has a Fedora-style slug at the top to make the whole point clear (make fedora better, together)

contributor-survey.png

source

contributor-survey_logo-scrubbed.svg

Thank you @duffy and everyone else who contributed to this ticket! Closing as complete

Metadata Update from @riecatnor:
- Issue close_status updated to: Fixed
- Issue status updated to: Closed (was: Open)

2 years ago

Login to comment on this ticket.

Metadata
Attachments 44
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 3 years ago View Comment
Attached 2 years ago View Comment