Skip to content
This repository has been archived by the owner on Feb 22, 2023. It is now read-only.

Update the homepage description #1756

Closed
Tracked by #1701
obulat opened this issue Aug 30, 2022 · 9 comments · Fixed by #1789
Closed
Tracked by #1701

Update the homepage description #1756

obulat opened this issue Aug 30, 2022 · 9 comments · Fixed by #1789
Assignees
Labels
🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing user-facing feature good first issue New-contributor friendly help wanted Open to participation from the community 🟧 priority: high Stalls work on the project or its dependents 🟨 priority: medium Not blocking but should be addressed soon 💬 talk: discussion Open for discussions and feedback 🔧 tech: vue Requires familiarity with Vue.js

Comments

@obulat
Copy link
Contributor

obulat commented Aug 30, 2022

Description

The description below the Openverse logo on the homepage needs to be updated.

The new text is "Discover more than 600 million media to use", and the styles are as follows:
All fonts are Inter, style Regular.

Desktop

Subtitle
Font size: 46px
Line height: 60px
Line height: 130%
Margin-bottom: 16px

Description
Font size: 27px
Line height: 35px
Line height: 130%
Margin-bottom: 24px

Mobile

Subtitle
Font size: 19px
Line height: 25px
Line height: 130%
Margin-bottom: 24px

Description
Font size: 14px
Line height: 22px
Line height: 160%
Margin-bottom: 32px

Screenshots

Screen Shot 2022-09-06 at 7 26 01 PM

Mockups

@obulat obulat added good first issue New-contributor friendly help wanted Open to participation from the community 🟨 priority: medium Not blocking but should be addressed soon ✨ goal: improvement Improvement to an existing user-facing feature 🕹 aspect: interface Concerns end-users' experience with the software 🔧 tech: vue Requires familiarity with Vue.js labels Aug 30, 2022
@ramadanomar ramadanomar self-assigned this Aug 30, 2022
@zackkrida zackkrida added the ⛔ status: blocked Blocked & therefore, not ready for work label Aug 30, 2022
@zackkrida
Copy link
Member

'discover' is definitely better than 'browse' but I feel like this still needs some more discussion. I'm nervous about removing 'image' and 'audio' directly as they're important keywords from an SEO perspective.

In general, I think we need a bit more copy on the homepage, like another sentence below this one with a different fontsize.

I'll share some ideas in a bit!

@zackkrida
Copy link
Member

zackkrida commented Aug 31, 2022

This is far from perfect but I want to quickly propose adding a second block of text, something like this:

CleanShot 2022-08-31 at 14 56 53@2x

# Discover and use Creative Commons media
## Over 500 million free stock photos, images, songs, and audio files.

The first, larger block still needs to be more impactful, IMO. Also, I don't necessarily want to emphasize 'Creative Commons' so strongly, perhaps something like "reusable media" would work. "media to use" doesn't sound quite right.

@zackkrida
Copy link
Member

Maybe "creative works" could be a better term than "media"?

@zackkrida zackkrida added 💬 talk: discussion Open for discussions and feedback and removed ⛔ status: blocked Blocked & therefore, not ready for work labels Aug 31, 2022
@fcoveram
Copy link

fcoveram commented Sep 1, 2022

We should not reduce Openverse visibility due to SEO, definitely. I am not sure about adding Creative Commons words in the main call as it might not be clear to all users. We are already mentioning CC by linking it with the licenses, making the relationship clearer.

In any case, I will share it with Dan Soschin as he was interested in helping us. I would not like to convert this into a redesign as the copy is a quick win, and we have a different issue (#1433) for revamping up the homepage once we start moving openverse out of the WordPress site.

@DanSoschin
Copy link

Here are some of my thoughts for additional consideration...

  • I agree with Zack that "creative works" fits better than "media". Media has an odd-sounding conjugation in English; and in this case, it doesn't seem to flow/sound right for our intended goal.
  • Another option for the main heading could be something like: "Explore more than 600 million creative works"
  • A sub-header along the lines of "An extensive library of free stock photos, images, and audio, available for free use."
  • I think one of the primary keywords here is "free stock photos"... this likely has a very high search volume, so we take advantage of that here. You could swap "extensive" with "searchable"
  • This fixes the issue of "media" and adds in more context via a sub-heading with some SEO...

@zackkrida
Copy link
Member

That's great, thanks @DanSoschin! I really agree a subheader is necessary here, hopefully we can find a way to add one without going into 'redesign' territory as @panchovm mentioned. I mocked up your suggestions, I like it!

CleanShot 2022-09-02 at 12 52 50@2x

@fcoveram
Copy link

fcoveram commented Sep 5, 2022

Here is a design idea for desktop and mobile. It has the same content shared by @zackkrida's version but with style tweaks.

Desktop

Home 03 desktop

Mobile

@zackkrida
Copy link
Member

I love that @panchovm. Looks very nice and makes the purpose of Openverse so much clearer.

@fcoveram
Copy link

fcoveram commented Sep 5, 2022

I will update the design issue and Figma file

@zackkrida zackkrida added 🟧 priority: high Stalls work on the project or its dependents 🟨 priority: medium Not blocking but should be addressed soon and removed 🟨 priority: medium Not blocking but should be addressed soon labels Sep 6, 2022
@zackkrida zackkrida assigned obulat and unassigned ramadanomar Sep 6, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing user-facing feature good first issue New-contributor friendly help wanted Open to participation from the community 🟧 priority: high Stalls work on the project or its dependents 🟨 priority: medium Not blocking but should be addressed soon 💬 talk: discussion Open for discussions and feedback 🔧 tech: vue Requires familiarity with Vue.js
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants