Poster/Graphic/Infograph that highlights what AsyncAPI does with sponsor's money

[derberg]

Reason/Context

On regular basis I'm having conversations with different potential sponsors and it would be nice to have a nice summary of what we do in a nice graphical way, and not raw data in PDF.

I think the strong side of our community is the transparency of how we spend money and that we invest them back into the community.

We just need to make this data available in one place in an easy-to-digest way.

Description

• I'm not sure if better have it in a form of infographics, so yeah, whoever will work on it, please recommend best practice
• There should be a clear header that says something like AsyncAPI income and spending - if you have a better name, please suggest
• this graphic should first start with explanation of how we accept donations -> https://github.com/asyncapi/community/blob/master/PROJECT_FINANCE.md
• then it should highlight all the expenses:
  • Mentorship - our own mentorship program to enable inexperienced community members to implement meaningful features in AsyncAPI tools through paid mentorship
  • Hiring - we are a large and growing community that requires full time work. With support of Open Collective we are able to sign contract with people to work on AsyncAPI Initiative. This year we did it first time with Thulie as Community Manager and we need to do it more
  • Swag Store - dedicated store with AsyncAPI swags that enables us:
    • to easily ​distribute swags with contributors, mentors, mentees and ambassadors
    • to get additional revenue from selling swags, that we can use to cover costs of swags that we give away
  • Bounty - we want to assure community of contributors is not based only on company-sponsored or valunteer-based work. People that are new in tech and open source do not contribute for money but we at least can offer them free mentorship and enable them to build contributor portfolio that makes it easier to get first or better job in tech. This is completely fine, but we also need a way to recognize and gratify regular experienced contributors and maintainers and this is what the Bounty program is for
  • Services - some of services necessary for the community are not available through dedicated open source support programs, so we sometimes have to pay for tools like Zoom or Descript
  • Events - we organize AsyncAPI conferences that bring additional costs for different related services or travels to events
• The goal is basically to make sure AsyncAPI Initiative has sustainable funding and can give back to the AsyncAPI Community
• Outcome needs to be also a source file of the graphic so we can easily update if needed

[Mayaleeeee]

@derberg I find this to be pleasant and would be delighted to contribute.

[thulieblack]

This issue is part of the AsyncAPI Bounty Program, interested contributors need to follow the guidelines below to ensure fairness and timely completion of assigned tasks:

Task Assignment

The assignment of tasks will be prioritized in the following order:

• AsyncAPI maintainers (from any repository)
• Regular contributors (individuals who have merged three or more pull requests)
• Other (if an individual doesn't fall under the above, the maintainer can determine the criteria i.e regular volunteers, etc)

We encouraged everyone to apply as long as the task is for you (falls under your skill set). We will not be using the first comment - get assigned method for assignments. Instead, we will provide 3 days to consider all individuals interested before assigning any bounty task.

Deadline

To maintain accountability and ensure the timely completion of the deadline for this task will be 6 - 8 weeks from the date of assignment. If a contributor requires an extension on their task, it should be communicated and approved by the maintainer.

Issue Tracking and Updates

Contributors must provide weekly updates on the task they are working on to help maintainers stay informed of progress. If a contributor fails to provide an update, they will be reminded via a ping. If a contributor fails to provide an update after three pings over three weeks, we will assume they have silently dropped the issue, and it will be reassigned to someone else.

Issue Drop-outs

Any contributor who drops an assigned issue will be penalized and will not be eligible to participate in the bounty program for 6 months. We understand that unforeseen circumstances can arise, and dropping an assigned issue may be unavoidable in some cases. However, we believe that enforcing this penalty is necessary to ensure the effectiveness of the bounty program, respect maintainer time, and honor the efforts of other contributors who could have solved the issue but were unable to do so due to the drop-out.

We encourage all contributors to follow these guidelines to ensure a fair and timely completion of tasks assigned through our bounty program.

[Mayaleeeee]

Thanks @thulieblack
I'm interested in this project

[thulieblack]

@derberg it 3days now 😉

[derberg]

oh yes, I'm blocked a bit with #673

@Mayaleeeee but yeah, go ahead and start working on the issue, you know what is the scope, in linked PR you see content, so you can already start drafting the idea

[Mayaleeeee]

Alright @derberg
Thank you.

[Mayaleeeee]

Hello @derberg, would it be possible for you to provide access to the raw data in PDF format?

[Mayaleeeee]

Hi @derberg and @thulieblack,

@durberg I propose presenting the information in an infographic format, enabling users to easily view the data at a glance rather than relying on textual explanations.

Furthermore, I developed some wireframe ideas for the project last week, which can be viewed below. I would appreciate it if you could review them at your earliest convenience and provide your feedback.

A

Detailing feature of design A

B

Detailing feature of design B

[derberg]

hey, thanks @Mayaleeeee !!! I like the form and shape it is getting

in regards to infographic style, shouldn't the first part (where open collective and other forms are mentioned) be also done in more graphical way, so LF/OC/GH are also represented with logos for example?

in case of expense breakdown, where will be descriptions visible? like description of who we hired, or the description of bounty?

in case of chart, it will be hard to present the income, it is pretty complex topic at the moment:

• so try to focus on showing expenses, so basically where the money goes, to what initiatives, what amounts
• breakdown by "half of the year" will not be possible, it is going to be year to year focused

[derberg]

@Mayaleeeee fyi, the file that is supposed to be a source for the infographic is updated -> https://github.com/asyncapi/community/blob/master/PROJECT_FINANCE.md

[Mayaleeeee]

Thanks @derberg

I'll take a look at it soon

[thulieblack]

Hey @Mayaleeeee how's the projecting going any updates

[Mayaleeeee]

Hi @thulieblack
Yes, three is an update.

I'll be providing the update as soon as I get home, I'm currently on transit.

Thank you.

[Mayaleeeee]

Hey @derberg, sorry for the delay. I just wanted to update you and share the correction I made to the design.

[derberg]

nice 😍

the logos, they have different size cause you use logos with project names. They kinda look "crowded". How about using dark version for all logos? and larger spacing? I don't have a clear suggestion, sorry

what I'm missing in design is:

• Sponsorship Tiers
• Other forms of financial support
• Success Stories
• Contact - could be call for action, get in touch for more details

all these sections are in https://github.com/asyncapi/community/blob/master/PROJECT_FINANCE.md

[Mayaleeeee]

Thanks, @derberg

I apologize for not including the other sections earlier. I will make sure to add them now. Regarding the icon colours, I plan to use the logos as a reference and change the icons to dark colours in the wireframes. Once the design is approved, I will restore the original colours of the logos and incorporate the AsyncAPI colours into the website.

Does that explanation make sense to you? I still need to complete the other sections, but I can share that specific section for you to review.

Check it out

[Mayaleeeee]

Hello @derberg , I wanted to provide you with an update on the design I've been working on. Could you review it and let me know if there are any additions or deletions you'd like me to make before proceeding to the Hi-fi stage? Your feedback is highly appreciated.

[derberg]

Oh it is perfect ❤️

I guess what left is icons? like for example in section about other financial support? as now it looks like 4 identical boxes with same icons

[Mayaleeeee]

Oh it is perfect ❤️

I guess what left is icons? like for example in section about other financial support? as now it looks like 4 identical boxes with same icons

Thank you.

Yeah, we're left with the icons.

Check it out.

[derberg]

but do you mean these will be as in design?

same for every place as it is visible in design?

[Mayaleeeee]

but do you mean these will be as in design?

same for every place as it is visible in design?

Nope.

I will need to replace those icons and search for a more suitable one that fits in.

Does that answer your question?

[derberg]

ok cool, so I should wait? right?

[Mayaleeeee]

Oh, the only remaining thing is to get that done, right? If that's the case, I'll have it completed before the end of the day.

Regarding the chart section, I just wanted to clarify if I should manually input the expenses from here or if you have any other suggestions in mind.

[derberg]

what do you mean by "manually input"?

[Mayaleeeee]

but do you mean these will be as in design?

same for every place as it is visible in design?

Hi @derberg the icons have been updated here. Please check it out.

[derberg]

it looks awesome ❤️

To be clear, I'm just wondering if I need to manually calculate and aggregate everything here, inputting each value individually. Is there a code-based approach available? Alternatively, is there a more efficient way to handle it programmatically?

there is no way to do it in automated way for now, and also manual will be hell, so for now we need to hide this section, that will come later

[Mayaleeeee]

it looks awesome ❤️

To be clear, I'm just wondering if I need to manually calculate and aggregate everything here, inputting each value individually. Is there a code-based approach available? Alternatively, is there a more efficient way to handle it programmatically?

there is no way to do it in automated way for now, and also manual will be hell, so for now we need to hide this section, that will come later

Thanks Lukasz.

Is there anyother thing I need to do here?

[derberg]

so initially the goal was to get this as PDF. I had no idea you will actually instead make a beautiful design of the website ❤️

before someone adds it to the website, it will take some time. I was wondering if I can get a PDF version as a temporary solution? without website header and footer, without budget analysis but with clickable donation links?

[Mayaleeeee]

so initially the goal was to get this as PDF. I had no idea you will actually instead make a beautiful design of the website ❤️

before someone adds it to the website, it will take some time. I was wondering if I can get a PDF version as a temporary solution? without website header and footer, without budget analysis but with clickable donation links?

Thank you so much.

So, we would like the Linux, Open Collective, and GitHub icons to be clickable, directing users to their respective pages, right?

I think the PDF might be a viable option, although I'm uncertain about its compatibility with the clickable icons. Nevertheless, I'll give it a try.

[Mayaleeeee]

Please confirm the links are clickable from the pdf files here.

AsynccAPI Financial Summary_PDF B.pdf

AsynccAPI Financial Summary_PDF A (1).pdf

[derberg]

ah, they are not
chatgpt says only adobe acrobat can do it

so can you replace buttons with visible links?

[Mayaleeeee]

ah, they are not chatgpt says only adobe acrobat can do it

so can you replace buttons with visible links?

Yes, that's what I did, and it's clickable here on both mobile and desktop. However, it appears somehow strange on mobile.

Check the mobile video
https://github.com/asyncapi/community/assets/105395613/30268528-aa91-4d1f-9e88-132a102c048c

[derberg]

ah sorry, they are clickable, I just was clicking wrong buttons, contact us and become a sponsor, can you make them clickable too?

[derberg]

ah, and last thing, since there is no website header, can you add some generic asyncapi header or logo at top?

[Mayaleeeee]

ah, and last thing, since there is no website header, can you add some generic asyncapi header or logo at top?

Yeah, this will work

[Mayaleeeee]

ah sorry, they are clickable, I just was clicking wrong buttons, contact us and become a sponsor, can you make them clickable too?

Take a look at them.
AAFS_PDF A.pdf
AAFS_PDF B.pdf

[derberg]

super nice, thanks a 💯

can you create a follow-up issue in website? for implementation? with all details, icons, figma-if that is what you used and whatever is needed for contributors to add this new view?

congrats on completing I think first in history bounty issue, and looks like first in history design issue that we will pay for!

@thulieblack on to you I guess

[thulieblack]

You gotta be kidding me, it's done already? 🤩🤩, Congratulations @Mayaleeeee.

[thulieblack]

The next step is to submit an expense on open-collective

[Mayaleeeee]

super nice, thanks a 💯

can you create a follow-up issue in website? for implementation? with all details, icons, figma-if that is what you used and whatever is needed for contributors to add this new view?

congrats on completing I think first in history bounty issue, and looks like first in history design issue that we will pay for!

@thulieblack on to you I guess

Thank you so much 🤭✨✨🥳
Yeah, I will do that.

[Mayaleeeee]

You gotta be kidding me, it's done already? 🤩🤩, Congratulations @Mayaleeeee.

Thanks a lot Thulie ❤️❤️

[derberg]

@Mayaleeeee one tiny change to PDF is needed, become a sponsor should link to https://opencollective.com/asyncapi not github sponsors 🙏🏼

[Mayaleeeee]

@Mayaleeeee one tiny change to PDF is needed, become a sponsor should link to https://opencollective.com/asyncapi not github sponsors 🙏🏼

I wanted to ask you this yesterday 😅.
I'll do it.

[Mayaleeeee]

The next step is to submit an expense on open-collective

Alright Thulie.
I'll do that.

[Mayaleeeee]

@Mayaleeeee one tiny change to PDF is needed, become a sponsor should link to https://opencollective.com/asyncapi not github sponsors 🙏🏼

Updated
AAFS_PDF_B.pdf
AAFS_PDF_A.pdf

[Mayaleeeee]

super nice, thanks a 💯

can you create a follow-up issue in website? for implementation? with all details, icons, figma-if that is what you used and whatever is needed for contributors to add this new view?

congrats on completing I think first in history bounty issue, and looks like first in history design issue that we will pay for!

@thulieblack on to you I guess

Should I create it as a bug or feature request? @derberg

[thulieblack]

feature-request

[Mayaleeeee]

feature-request

Thank you

[Mayaleeeee]

super nice, thanks a 💯
can you create a follow-up issue in website? for implementation? with all details, icons, figma-if that is what you used and whatever is needed for contributors to add this new view?
congrats on completing I think first in history bounty issue, and looks like first in history design issue that we will pay for!
@thulieblack on to you I guess

Should I create it as a bug or feature request? @derberg

Done, you can see it here.

[derberg]

thanks so much. I just transferred the issue you created under website repo

@Mayaleeeee your open collective expense is approved.

from my perspective the issue is implemented, closing

Thanks a 💯