feat(web): Update information copy and CTAs #7568
Conversation
web/src/locales/en.json
Outdated
| "text": "The Electricity Maps app provides real-time insights on web and mobile for citizens, energy experts, NGOs and policymakers promoting a deeper understanding of energy transition challenges.", | ||
| "open-source-text": "This app is <a href='{{link}}' target='_blank'>Open Source</a> and powered by the community.", | ||
| "title": "About Electricity Maps", | ||
| "text": "Electricity Maps is an API platform providing real-time and predictive electricity signals allowing any device to reduce their cost and emissions by informing them about the best time to consume electricity.", |
There was a problem hiding this comment.
Small tweak suggestions to the grammar for clarity:
Electricity Maps is an API platform that provides real-time and predictive electricity signals, enabling devices to reduce costs and emissions by identifying the best times to consume electricity.
There was a problem hiding this comment.
Also, I wonder if we should link to the commercial website here (at least for the time being). "To find out more..." etc etc
There was a problem hiding this comment.
Or just link the words "Electricity Maps" to the commercial website?
There was a problem hiding this comment.
I'll try the link! I'm a little bit cautious to change the copy for this one in particular as it's copy pasta from else where (job posting I believe) and having them drift slightly might be confusing
There was a problem hiding this comment.
I think it looks great!
Thanks for the suggestion!
There was a problem hiding this comment.
Good comments by @cadeban, except for utm params I have nothing more to add :)
| <MethodologyCard /> | ||
| <HorizontalDivider /> | ||
| <div className="mb-1 text-sm font-semibold">Looking for forecast data?</div> |
There was a problem hiding this comment.
"Looking for forecast data" and the CTA feel a little disconnected. Maybe they could go on the same line? 🤔
There was a problem hiding this comment.
I agree, this was quite a speculative change, we can remove it or try on the same line
|
Left a couple of small comments, but otherwise it's looking good! |
Co-authored-by: Mads Nedergaard <[email protected]>
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
| <div className="pb-5"> | ||
| <h1>{t('ranking-panel.title')}</h1> | ||
| <h2 className="text-sm">{t('ranking-panel.subtitle')}</h2> | ||
| <p className="text-sm">{<Trans i18nKey="ranking-panel.subtitle" />}</p> |
There was a problem hiding this comment.
FYI this little change increased the bundle size by 7.3 kb and that the subtitle is constantly re-rendering on a datetime change.
I am fixing it in: #7647
Oh and this also broke the Title size flow on the ranking panel as there is no h2 anymore but there is a h1 and h3. This is bad for SEO and accessibility.
Issue
Users perceive us as an NGO
Description
This PR updates the app description and about sections on the ranking panel and info modal to better explain the value provided by electricity maps. Removes clutter from the ranking panel and makes "Access the API" CTA's more discoverable