Datawheel / oec-website

The website powering the Observatory of Economic Complexity
atlas.media.mit.edu
8 stars 1 forks source link

design a dynamic "share" image for all profiles #113

Open alexandersimoes opened 4 years ago

alexandersimoes commented 4 years ago

The idea here is to create a dynamic image that users will see when they share a link to any of the profiles on social media, slack etc. We'll want to maintain a similar style to the splash headers of the profiles but keeps only the essential information: title of page, image(s), OEC branding...

For inspiration take a look at how these look for Pantheon: https://pantheon.world/profile/person/Dennis_Rodman/screenshot https://pantheon.world/profile/place/copenhagen/screenshot https://pantheon.world/profile/country/slovenia/screenshot

We will also need to make sure the design takes into account the bilateral profiles like: https://pro.oec.world/en/profile/bilateral-country/cri/partner/sdn or https://pro.oec.world/en/profile/bilateral-product/178905/reporter/gib (which would include 2 images)

gabrielaperezponce commented 4 years ago

Hi @alexandersimoes here I leave some proposals or ideas for this according each type of profile

OEC_dynamic_share_imgs-01 OEC_dynamic_share_imgs-02 OEC_dynamic_share_imgs-03

gabrielaperezponce commented 4 years ago

I am preparing other images for this since I noticed that the fonts are not read in some stats.

gabrielaperezponce commented 4 years ago

OEC_dynamic_share_imgs-01 OEC_dynamic_share_imgs-02 OEC_dynamic_share_imgs-03