Foundation.mozilla.org: Buyers Guide: crop new product images & NSFW treatment
Based on #2438
Product list should be finalized Jan 14.
Then we will need to source images and crop them.
_Note: some might need special nsfw treatment?_
kristinashu
All 13 comments
@xmatthewx @kristinashu For nsfw treatment I'm not exactly sure what this would look like. What about a special overlay on the homepage that slightly blurs the image with a nsfw warning? Thoughts?
beccaklam
on 22 Jan 2019
Yeah blur could work well or a pixel effect kinda like this? But only if it is needed.
kristinashu
on 22 Jan 2019
Our lawyer Abigail thinks we need to do something to the thumbnail images but doesn't want us to "overdo it". So as we chatted about at crit, @natalieworth can you work with Rebecca to figure out some sort of either overlay or pixelation and also possibly a little NSFW kinda badge?
kristinashu
on 24 Jan 2019
Asking devs about possibly of having one modified image for thumbnails and then a separate one for the product page https://github.com/mozilla/foundation.mozilla.org/issues/2518
kristinashu
on 25 Jan 2019
@kristinashu @natalieworth What if we just took one of the social images Nat's already made, crop it and tweak the words to a nsfw warning? And this could just be the image for all the nsfw thumbnails? It relates to the Vday update and even long term the heart will give people get an indication of why it might not be safe for work while maintaining a positive attitude.
beccaklam
on 25 Jan 2019
Yeah that would be cute!
Jen is working on the copy with Abigail. She's trying to keep it was short as possible but ideas have been ranging from:
- “The linked content may not be appropriate for all audiences.”
- “Content may not be appropriate for all audiences”
- “Slightly NSFW”
So if it's the short version then this could work!
Also, cross-linking some from Nat https://redpen.io/p/yg5faa4931a3fe3418
kristinashu
on 25 Jan 2019
Ugh. I meant to thumbs up @kristinashu 's comment ... not mine.
beccaklam
on 25 Jan 2019
Nice!! On the product page, if we want it, engineers could use a blur filter that disappears on hover.
xmatthewx
on 25 Jan 2019
I like "Slightly NSFW" for content length!
natalieworth
on 25 Jan 2019
Final copy decision from Abigail is 18+ for all the sex toy images. Nice & short!
So we could try an option with the candy heart like Becca suggested (but maybe on white background so it doesn't standout as much), one with a blurred or pixelated image with copy over top, and then what ever other ideas you might have.
As you design these, can you also please place them up in the context of the homepage so we can see them in-situ to help decided?
kristinashu
on 28 Jan 2019
Design options for 18+ tag are here: https://redpen.io/p/nzfa8afdb875caa41e
Just waiting for final approval/ feedback from Abigail and Ashley.
natalieworth
on 28 Jan 2019
Based on message from Jen, this has been approved!
@natalieworth can you please export an svg of the heart (make sure it's a gray from the style guide) and provide some guidance for blur in the implementation ticket https://github.com/mozilla/foundation.mozilla.org/issues/2518
kristinashu
on 29 Jan 2019
Awesome! I think everything in this ticket is done then :)
beccaklam
on 29 Jan 2019
Related issues
mmmavis
·
4Comments
sabrinang
·
5Comments
hannahkane
·
3Comments
kristinashu
·
3Comments
kristinashu
·
5Comments
Most helpful comment
@kristinashu @natalieworth What if we just took one of the social images Nat's already made, crop it and tweak the words to a nsfw warning? And this could just be the image for all the nsfw thumbnails? It relates to the Vday update and even long term the heart will give people get an indication of why it might not be safe for work while maintaining a positive attitude.