[Marketing] Proposal: osgeo website emergency quickfix
Jody Garnett
jody.garnett at gmail.com
Fri Feb 2 19:41:27 PST 2024
Thanks for looking at this Vicky, it is an important topic but not
something we can do in isolation.
The marketing list is our best source of folks aware of brand
sensitivities, and nothing is so emotion filled as our sponsors page.
I really want to get the go-ahead here before doing any design.
It is required to have a visual plan - once we have a plan we can prototype
with a design / goal in mind.
Feedback on https://dev.www.osgeo.org/sponsors/L
- If the square logos get too close to the top edge legibility are lost.
- If the wide logos get too close to the sides legibility is lost
- Square logos like "Kaplan" have so much more visual space then logos
like "ip2location" it can lead to unfairness
For reference see how logos are accommodated in blocks for display on booth
banner.
- Camptocamp which is more squat, so it does not use the full width to
avoid appearing too large (the "Kaplan" effect above)
- Each logo has about the same amount of background and content pixels
- QFieldCloud has the hardest time with this balance, as not all of the
logo has the same contrast.
Goals In design terms the idea is to keep an consistent amount of
whitespace margin around each logo size
- https://felterunfiltered.com/how-to-design-with-a-bunch-of-logos/
*"Put your logos in an invisible grid to quickly fix alignment issues.
Resize them within the grid as necessary."*
- Assuming each logo in a teir is assigned the same sized block
- Minimum margin is required for legibility
- If you imagine a radial line scanning clockwise from the centre of
the, recording the percentage of background vs logo pixels, the average
should be the same for each logo
- An approximate could be done based on aspect ratio of the logo,
probably with CSS actually
Let me think about it!
--
Jody Garnett
On Feb 2, 2024 at 5:30:15 PM, Vicky Vergara via Marketing <
marketing at lists.osgeo.org> wrote:
> Does this look better?
> https://dev.www.osgeo.org/sponsors/
>
>
> On Wed, Jan 31, 2024 at 5:42 PM Enock Seth Nyamador via Marketing <
> marketing at lists.osgeo.org> wrote:
>
>> +1
>>
>> On Wed, 31 Jan 2024 at 20:43, Astrid Emde (OSGeo) via Marketing <
>> marketing at lists.osgeo.org> wrote:
>>
>>> +1
>>>
>>> Am 31.01.2024 19:40 schrieb Mugeha Laura via Marketing:
>>> > +1 Laura.
>>> >
>>> > On Wed, Jan 31, 2024 at 7:48 PM Jody Garnett via Marketing
>>> > <marketing at lists.osgeo.org> wrote:
>>> >
>>> >> Hey folks, I am making a proposal below for a quick fix, please
>>> >> respond with a +1 and we can unblock an issue that has become
>>> >> urgent.
>>> >>
>>> >> Discussion welcome, but growing scope is not. I was present during
>>> >> the website project so I know some of the graphical design tradeoffs
>>> >> in order to answer questions.
>>> >>
>>> >> Thanks,
>>> >> Jody
>>> >>
>>> >> PROBLEM:
>>> >>
>>> >> So some pages of the website have run into problems (with updates
>>> >> and changes) and need some emergency graphic design decisions.
>>> >>
>>> >> The https://www.osgeo.org/sponsors/ [1] page is a bit broken right
>>> >> now, with logos displaying in a single column, and square logos
>>> >> ending up with too much visual weight making for an inconsistent
>>> >> visual.
>>> >>
>>> >> Notes:
>>> >>
>>> >> * https://trac.osgeo.org/osgeo/ticket/3000 [2] discussing the
>>> >> technical challenges e
>>> >> (This is held up due to lack of graphic design input)
>>> >> * Lior was going to look at sponsorship benefits and this page
>>> >> https://www.osgeo.org/about/how-to-become-a-sponsor/ [3]
>>> >> (Presently it has very prescriptive benefits with exact icons sizes
>>> >> while is ill-advised)
>>> >>
>>> >> SPONSOR PAGE QUICKFIX PROPOSAL
>>> >>
>>> >> * Goal is a good single page presentation, with logos given
>>> >> representation based on sponsorship logo. Logos within a tier should
>>> >> have similar visual impact.
>>> >> * Restore columns: The
>>> >> https://foss4g.asia/2023/our-sponsors-partners/ [4] page is similar
>>> >> to what we started with, with visibility based on sponsorship tier.
>>> >>
>>> >> * Logo scaling for fair visual impact: The https://foss4gna.org/
>>> >> [5] page is a good example of fair logo scaling with a perfect
>>> >> rectangle provided for each logo, with a margin for white space so
>>> >> each logo can breath, both square and rectangle logos end up with
>>> >> similar space.
>>> >> (This is an example of how to be fair, I am not recommending the
>>> >> rectangles be visible as is done on the foss4g-na site)
>>> >>
>>> >> PLANNING
>>> >> If we do get a budget for 2024 we should assemble a work package of
>>> >> outstanding requests (review emergency fix, mastodon social logos,
>>> >> committee page template etc...)
>>> >>
>>> >> I strongly wish to avoid doing isolated quick fixes, it is so easy
>>> >> to do small changes that make sense for one objective, and damage
>>> >> the effectiveness of an individual page. Example: some sponsors get
>>> >> color logos, having logos moving in the footer, etc...
>>> >>
>>> >> --
>>> >> Jody Garnett _______________________________________________
>>> >> Marketing mailing list
>>> >> Marketing at lists.osgeo.org
>>> >> https://lists.osgeo.org/mailman/listinfo/marketing [6]
>>> >
>>> > --
>>> >
>>> > MUGEHA LAURA
>>> >
>>> > Geospatial Engineer | Technical Community Manager
>>> >
>>> > Harnessing Open Data & FOSS for Sustainable Development
>>> >
>>> > +2547143297171 [7]
>>> >
>>> > hello at lauramugeha.bio
>>> >
>>> > www.lauramugeha.bio [8]
>>> >
>>> > Nairobi, Kenya
>>> >
>>> > [9]
>>> >
>>> > [10]
>>> >
>>> > [11]
>>> >
>>> >
>>> >
>>> > Links:
>>> > ------
>>> > [1] https://www.osgeo.org/sponsors/
>>> > [2] https://trac.osgeo.org/osgeo/ticket/3000
>>> > [3] https://www.osgeo.org/about/how-to-become-a-sponsor/
>>> > [4] https://foss4g.asia/2023/our-sponsors-partners/
>>> > [5] https://foss4gna.org/
>>> > [6] https://lists.osgeo.org/mailman/listinfo/marketing
>>> > [7] tel:+2547143297171
>>> > [8] https://www.lauramugeha.bio
>>> > [9] https://twitter.com/laura_mugeha
>>> > [10] https://www.linkedin.com/in/laura-mugeha/
>>> > [11] https://www.instagram.com/nodes.code/
>>> >
>>> > _______________________________________________
>>> > Marketing mailing list
>>> > Marketing at lists.osgeo.org
>>> > https://lists.osgeo.org/mailman/listinfo/marketing
>>> _______________________________________________
>>> Marketing mailing list
>>> Marketing at lists.osgeo.org
>>> https://lists.osgeo.org/mailman/listinfo/marketing
>>>
>>
>>
>> --
>> -Enock
>> _______________________________________________
>> Marketing mailing list
>> Marketing at lists.osgeo.org
>> https://lists.osgeo.org/mailman/listinfo/marketing
>>
> _______________________________________________
> Marketing mailing list
> Marketing at lists.osgeo.org
> https://lists.osgeo.org/mailman/listinfo/marketing
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/marketing/attachments/20240202/72b24d53/attachment-0001.htm>
More information about the Marketing
mailing list