Improve badges title and make them more visual

[darechan]

Feature Request

1. Designing badges for achievements

Zubhub currently have a variety of Badges for creators on the platform as follows (Ascending)

1. Hatchling
2. Flying Bird
3. Master of the sky
4. Expert Builder
5. Helping Hand
6. Always Available
7. Expert Advisor
8. Getting Famous
9. Person of Interest
10. Popular Projects
11. Idea Factory
12. Interesting Projects
13. Favourite Kid
14. Captain Projects

But these badges currently are only in a form of text

Having visual badges that could be displayed on the profile and downloadable/sharable for the user would look a lot more pleasing.

Also if we could add in a few rewards like a custom frame unlocking or a special feature on earning a badge then that would make the website more interactive! Would love to have UI and UX assistance for the same!

[Rosietta-UIUX]

Wow @darechan I just opened an issue similar to this (Badge redesign) how can we merge it? I love the idea

[darechan]

@Rosietta-UIUX Please attach the idea here and add a comment on the other issue with a comment merging with #642 and press the close with comment button

[Rosietta-UIUX]

@darechan Alright let me do that

[darechan]

@Rosietta-UIUX Can you upload the proposed designs here?

[Rosietta-UIUX]

Hello @sethiastha, @srish, @tuxology

While browsing the Zubhub website with my younger sister, she pointed out that the badges on the site are plain and unattractive, resembling tags rather than fun badges. Therefore, I would like to request to be assigned to this issue along with @darechan so that we can redesign the badges and make them more visually appealing.

Current Badges

Proposed Redesign

[kan-ma]

badges design hatchling flying bird

[tuxology]

While you all think about it, please ensure that images should be open access/licensed under a creative commons or should be self drawn. We cannot use random birds and emojis from the internet. Look at https://openclipart.org for a starting point.

[Rosietta-UIUX]

Thank you @tuxology

[ferindesigns]

@darechan What do you think? This or this

[darechan]

@darechan What do you think? This or this

I think this badge is good but the doesn't matches the theme of the website don't you think so too?

[ferindesigns]

@darechan What do you think? This

    [
      
    
        ![Blue Red Colorful Good Job Student Stickers](https://user-images.githubusercontent.com/108564127/225315976-00ebd3ba-78fb-483c-a2f5-1ea8e1da8c0a.gif)
      ](https://user-images.githubusercontent.com/108564127/225315976-00ebd3ba-78fb-483c-a2f5-1ea8e1da8c0a.gif)
    
    
      
        
          
        
        
          
          
        
      
      [
        
          
        
      ](https://user-images.githubusercontent.com/108564127/225315976-00ebd3ba-78fb-483c-a2f5-1ea8e1da8c0a.gif)

or this

I think this badge is good but the doesn't matches the theme of the website don't you think so too?

okay will work on something else.

[comfy96]

what do you think about this? @darechan

I'm still working on some, just wanted to show you this first.

[darechan]

@comfy96 the may be you could use some graffiti fonts and make it more playful as our intended audience is young children

[comfy96]

okay, I'd work on something right away. @darechan

[Ami112-sketch]

Hi @tuxology It will be a nice feature to add a brief description of each badge( what each badge means or entails) under each of the visuals and use a graphic image/ visual badge that gives meaning to the children( we are providing them with options i.e meaning via the image and also the brief description beneath the visual

[Ami112-sketch]

Hi @tuxology It will be a nice feature to add a brief description of each badge( what each badge means or entails) under each of the visuals and use a graphic image/ visual badge that gives meaning to the children( we are providing them with options i.e meaning via the image and also the brief description beneath the visual

@darechan

[comfy96]

what do you think @darechan

favorite kid: looking all cheerful

[ferindesigns]

@darechan what do you think about this for idea factory?

[darechan]

@ferindesigns Neat work!

[ferindesigns]

@ferindesigns Neat work!

Thank you

[ferindesigns]

@darechan what do you think?

[comfy96]

@darechan @tuxology @srish @AsthaSethi

[mehreeee]

@srish @tuxology Can I have this task assigned to me?

[DonPresh]

Hi, @srish @tuxology I am an outreachy applicant trying to pick up this task. Is there an existing illustration system for Zubhub that I should follow or do I go ahead and design the badges?

[Shulamite54]

@srish @tuxology good day. Please can I be assigned to this task. Thanks

[JulietMadu]

@tuxology I can work on this

[ekdumswast]

Hi @srish @tuxology I am looking for projects to contribute to in design, I find this project a good first issue to work on so do we get it assigned or can we start contributing our designs here?

[Marhiposa]

HI @tuxology @srish @comfy96 I see that this issue is still opened pls can you assign it to me so i improve the badges title and make it more visual?

[JessicaItepu]

Hello @srish @tuxology, I would love to be assigned to this project, i have a few ideas i could implement. Thank you.

[DonPresh]

I went through the website and saw that this issue has not been resolved so I picked a few assets from the website to create an illustration style for the badge design.

I will like to know if this matches the theme of the website and would appreciate feedback so I can go ahead and complete the remaining badges @srish @tuxology @darechan

P.S. I can also attach the .svg files as they are all self drawn