orcasound / orcasite

Live-listening web app -- http://live.orcasound.net :star:
http://live.orcasound.net
GNU Affero General Public License v3.0
51 stars 51 forks source link

Add organizational logo for hosts and funders of each hydrophone/feed #280

Open scottveirs opened 10 months ago

scottveirs commented 10 months ago

During the v3 launch, Susan Berta of Orca Network requested we add a logo for WhidbeyTel, the telecommunications company that is supporting the hydrophone through donation of funds and Internet service. Perhaps it would be appropriate to generate and place logos for funders and also the host organization(S) near the bottom of the content drawer for each hydrophone location/feed?

Describe the solution you'd like One idea would be a grid of similarly sized logos at the bottom of the content drawer. In this screenshot they could go below all the text, or maybe just below the "Learn more about the Bush Point node" link?

Screenshot 2023-11-17 at 4 28 47 PM

Describe alternatives you've considered

  1. Rather than logos, we could just provide hypertext links from the feed description text, or a list of links at the bottom of the hyper/text blocks.
  2. Rather than add funding acknowledgements within the live-listening web app, we could reserve the drawer for more interactive features (like a greatest hits play list, or commonly heard sound clips) and instead move acknowledgements to the target of the "Learn more about" link, e.g. an extensive page on the location managed via the orcahome repository...

Additional context Here are WhidbeyTel logos provided by Susan:

download download (1)

And other organizational logos can be found in orca-branding repo member-logo folder.

Filadora commented 10 months ago

Do we have a list of all the contributors?

Filadora commented 10 months ago

I will discuss it will my team. I think having them in footers (same size, one by one in a line) along with social media links would align with design best practices.

Filadora commented 10 months ago

Do we have logos in vector?

Filadora commented 10 months ago

Here is a quick draft of how it might look: Footer

Filadora commented 10 months ago

opt 4 opt3 option 2 option

Filadora commented 10 months ago

opt6

UXBrendan commented 9 months ago

@Filadora

I'm not sure where to get needed image files for partner orgs. I experimented with emailing an org directly, but never heard back. I always pull logos from websites by right clicking and "Save Image As". Maybe Scott has access to needed logo file types.

Filadora commented 9 months ago

@UXBrendan Thank you for the update, Brendan. I'll discuss it with the team.

UXBrendan commented 9 months ago

@Filadora

There are org logos that Orcasound devs use here:

https://github.com/orcasound/orcahome/tree/main/public/images#:~:text=audio-,images,-about

scottveirs commented 6 months ago

@Filadora do you have more recent design updates, e.g. in Figma? (I think I recall you showing some in a recent standup, maybe with the logo of the hydrophone host organization in the drawer, maybe next to the site photo?)

Filadora commented 6 months ago

@scottveirs Yes, let me share a few drafts:

Screenshot 2024-03-01 at 12 21 14 PM Screenshot 2024-03-01 at 12 21 22 PM Screenshot 2024-03-01 at 12 21 29 PM

Here is the link to Figma page: https://www.figma.com/file/41JuvNkXJhTUob8HMsJiNC/Orcasite%3A-design-updates?type=design&node-id=969%3A9450&mode=design&t=OJDAMZwWXGpsHsFZ-1

Here is the folder with logos we have so far: https://drive.google.com/drive/folders/1DbqzLshKjUxMvRo61cbblHV9z6SVCkNN?usp=share_link

germainelee commented 3 months ago

Hi @scottveirs , I would like to chime in to discuss this.

I like the idea of putting the logos beside the site photo and did a mockup of it with some tweaks to the layout by introducing sections. This is to make the content more digestible. Please take a look! orcasite 7