[Firefox & You] August 2013 Newsletter Design

RESOLVED FIXED

Status

Marketing
Design
RESOLVED FIXED
4 years ago
4 years ago

People

(Reporter: Jessilyn Davis (Maternity Leave), Assigned: Jennifer Balaco)

Tracking

Details

Attachments

(19 attachments, 3 obsolete attachments)

(Reporter)

Description

4 years ago
>>Project/Request Title:
 [Firefox & You] July 2013 Newsletter Design 

>>Project Overview:
July Firefox & You Newsletter graphics time! :D

MT has helped us with the most recent newsletter design: Bug 885529

>>Creative Specs & Deliverables:
Design due: July 30

------
Feature 1 - 125x125
Interview with Michael Coates

See attached image - can you make it the right size and prettiness?

-----
Feature 2 - 300px wide no more than 250px tall
Firefox OS Demo - see it in action

Image should be one of the title screens with the play button on top:
http://www.youtube.com/watch?v=2xupOdXVc3s

-----
Feature 2.2 - 125x1125
Firefox OS (in case video isn't ready)

Something different than the one we used last month:
http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/OSfox.png

----
Feature 3 - 125x125
New Features!
Android

Maybe this guy? (Haven't used him since Nov. 2012)
http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/android_feature2.png

----
Feature 4 - 125x125
Vote for the People’s Choice Award
Firefox Flicks

Need an image about Flicks (and possible voting angle in the imagery)

----
Themes: 172x121

https://addons.mozilla.org/firefox/addon/ultra-v4/
https://addons.mozilla.org/firefox/addon/field-of-butterflies/
https://addons.mozilla.org/firefox/addon/sunset-tropical-style/

----
Add-ons: 172x121 
Please use the icons of the add-on instead of the screenshots if possible. 

Pick of the Month 
* need one image with the featured badge
* need one image without the featured badge

https://addons.mozilla.org/firefox/addon/stylish/


Others:
https://addons.mozilla.org/firefox/addon/smoothwheel/
https://addons.mozilla.org/firefox/addon/reader/

>>Launch Date:
2013-08-01

>>Creative Due Date:
2013-07-30

>>Mozilla Goal:
All

>>Points of Contact:
ARRAY(0x7fa432f66ea0)
(Reporter)

Updated

4 years ago
Summary: [Firefox & You] July 2013 Newsletter Design → [Firefox & You] August 2013 Newsletter Design
(Assignee)

Updated

4 years ago
Due Date: 2013-08-01 → 2013-07-30

Comment 1

4 years ago
Hey Jess,

When you have a moment can you upload the image for Feature 1, I'm not seeing it attached.

Thanks!
MT
(Assignee)

Updated

4 years ago
Assignee: tshahian → mternoway
(Reporter)

Comment 2

4 years ago
Created attachment 781127 [details]
mcoates.png

Feature 1 :D

Comment 3

4 years ago
Thanks Jess, I have a bunch them coming up.

Comment 4

4 years ago
Created attachment 781146 [details]
add-ons_172x121_POTM

Comment 5

4 years ago
Created attachment 781147 [details]
add-ons_172x121_reader

Comment 6

4 years ago
Created attachment 781148 [details]
add-ons_172x121_smoothwheel

Comment 7

4 years ago
Created attachment 781149 [details]
add-ons_172x121_stylish

Comment 8

4 years ago
Created attachment 781150 [details]
feature1

Comment 9

4 years ago
Created attachment 781151 [details]
feature2

Comment 10

4 years ago
Created attachment 781152 [details]
feature2.2

Comment 11

4 years ago
Created attachment 781153 [details]
feature3

Comment 12

4 years ago
Created attachment 781154 [details]
feature4

Comment 13

4 years ago
Created attachment 781155 [details]
themes_172x121_butterfly

Comment 14

4 years ago
Created attachment 781156 [details]
themes_172x121_tropics

Comment 15

4 years ago
Created attachment 781157 [details]
themes_172x121_ultrav4
(Assignee)

Comment 16

4 years ago
Hey Jess, 

Can you take a quick look to confirm you have everything you need for the newsletter design? 

Thanks!
Status: NEW → ASSIGNED
Flags: needinfo?(jdavis)
(Reporter)

Comment 17

4 years ago
Thanks MT!  I'll load these in and review first thing on Monday.

In the meantime, we've had a slight change in plans for the Feature 2 article.

Can you edit this image to make it awesome and no more than 300px wide x 250px tall image:

https://www.flickr.com/photos/mozillaeu/9244990303/


Thanks!

Comment 18

4 years ago
Created attachment 782021 [details]
feature2_v2

Jess, here is the fox mascot image at 300x250.
(Reporter)

Comment 19

4 years ago
Thanks Matt!

I just got a moment to load these in and had a few edits/suggestions to make them a little more cohesive in the newsletter:

* Any magic you can do to take off the shine on the phone in the OS fox mascot image?

* Can you make the Android a little taller and have the bottom? (It looks chopped off with the background - we can do a little taller for this story - no worries - just can't be wider than 125px)

* Take out the blue curtain background in the Flicks voting image? (The blue is bleeding a bit too much for my eyes)

* Anyway to make the wheel and reader icons a bit bigger and bolder (to match the size and boldness of the Stylish add-on)?

* Try a butterfly theme screenshot that doesn't chop a butterfly in half?

* Try the ultra-v4 to crop at the very right? (That way it doesn't look like something's crawling into the photo from the newsletter)

Let me know what you think and if this is doable to tweak by tomorrow sometime.

Thanks!

Jess
Flags: needinfo?(jdavis)
(Reporter)

Comment 20

4 years ago
Hey Matt! Do you have time to finish these out today/tomorrow?
(Reporter)

Comment 21

4 years ago
Hey Jen - I was just told that Matt's on PTO this week - can you help get these images finalized today/tomorrow please? Thanks!
Flags: needinfo?(jbalaco)
(Reporter)

Comment 22

4 years ago
Kristin - are there any brand/partner concerns with using this image?

https://bug897686.bugzilla.mozilla.org/attachment.cgi?id=782021
Flags: needinfo?(kbaird)

Comment 23

4 years ago
Where are you using this image? It's not a great image. Are there better options?
Flags: needinfo?(kbaird)
(Assignee)

Comment 24

4 years ago
Hey Jess, 

Sorry, just getting back online. I'm going to check in with Ty and Lee to see if one of them can help make edits tomorrow. I'll let you know who will be helping out as soon as I hear back. 

Jennifer
Flags: needinfo?(jbalaco)
(Reporter)

Comment 25

4 years ago
(In reply to Kristin Baird from comment #23)
> Where are you using this image? It's not a great image. Are there better
> options?

We were using this for our August Newsletter Firefox OS story since we've already used the current OS images in other email newsletters and announcements (fox sitting beside phone, fox pouncing in front of phone, fox sitting in front of phone).
(Reporter)

Comment 26

4 years ago
Thanks for calling in backup Jennifer! And thanks in advance to Ty and/or Lee!

Let me know if we're looking good to round out these images today/tomorrow mid-day at the latest.


Kristin, keep us posted on the OS image and if you/the Creative team have a different option up your sleeve.

Here are the ones we've used in our July emails:
http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/OSfox.png
http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/Teaser_Fox.jpg (with a tail above it in a different image slice for the email)
http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/FFOS_LaunchEmail_fox.jpg
(Assignee)

Comment 27

4 years ago
Jess, 

Lee will be making the edits you requested, so I've reassigned the bug to him.
Assignee: mternoway → ltom
(Reporter)

Comment 28

4 years ago
Sweet! Thanks!

Lee, let me know if you have any questions - thanks for your help!

Comment 29

4 years ago
Hi Jess! Here are some revised assets you can take a look at: 
http://cl.ly/3O3C3j2n350g

Comments below:
- I created a new Firefox OS fox with phone image (it's the same pose that we used on the Thunderclap email, but it's different from our other email announcements)

- Android graphic was resized to 125x140 so I could get the whole phone in there

- I don't have the file for the Firefox Flicks graphic, so I couldn't edit the blue curtain. Maybe something MT can do when he returns, and we can drop in? 

- Scaled up both the Reader and Smoothwheel add-ons as much as possible. Often times we're limited to the icons available out there... I found a larger Reader logo, but had to fudge the Smoothwheel one.

- Made both edits to the Themes graphics

Let me know if you have any questions! Lee
(Reporter)

Comment 30

4 years ago
Thanks Lee! I'm taking a look now.
(Reporter)

Comment 31

4 years ago
These look much better! Thanks Lee!

One last request: for the new OS image - can you crop off the tail and make it no more than 125 px wide?

Comment 32

4 years ago
Created attachment 784072 [details]
125x130_firefoxOS.png

Hmm... scaling it down to 125px from 300px wide is going to make the graphic pretty small. Here's one with the flame on the right side of the phone, cropped. 

One last request: for the new OS image - can you crop off the tail and make it no more than 125 px wide?
(Reporter)

Comment 33

4 years ago
Created attachment 784078 [details]
Screen Shot 2013-07-31 at 4.18.22 PM.png

Sweet - that looks much better in the newsletter. The shine on the phone looks a little funny with the image cropped as it is - what do you think about taking off that highlight?

Also, if you'd like to squeeze a few more pixels in on either side, you don't have to have any white space :) (We have that built into the template itself).

On a related note - please take a look at the attached screenshot. Does it look funny to you that our OS phone is smaller than the generic Android phone for the Android story? Do you think you could re-size the Android image so that the phones are more similar in size?

Comment 34

4 years ago
Created attachment 784089 [details]
125x130_android_02.png

Hey Jess, thanks for sending the mockup of the page - In general, it really helps us get a sense of the context in relation to the copy and other corresponding graphics etc. I really didn't know how those graphics would appear before seeing them side by side. That said, I scaled them relative to each other (more similar in size now), but I think we should use the Firefox OS graphic with the fox standing next to the phone - that way we don't crop off any of the flame at all, which looks weird if it's a standalone graphic IMO. 

I'll post the new Firefox OS image below...

Comment 35

4 years ago
Created attachment 784090 [details]
125x130_firefoxOS_02.png

FYI - the dimensions for both this Firefox OS image and the Android one are, 125x140 (not 130, as the file names suggest!)
(Reporter)

Comment 36

4 years ago
Thanks Lee - my only concern with the new image is that it's almost identical to the image we used last month:

http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/OSfox.png

Any other ideas?

Comment 37

4 years ago
I know variety is the spice of life, but in this case I think it's OK to repeat the fox pose. These are official brand illustrations that should all represent Firefox OS equally. Perhaps it's different enough that we're using the green home screen with apps VS. the blue wallpaper screen? 

The other option I'd suggest is if we're not tied to using the same dimensions for both assets - something more horizontal would allow us to use the first image I prepared, without cropping off the fire/tail. We'd just need to format re-compose the block of copy
(Reporter)

Comment 38

4 years ago
Cool deal - I gave it a fresh look today and this new image works well. Thanks, Lee!

Jennifer - can you make sure that Matt sees the outstanding Flicks image edits when he's back on Monday?

* Take out the blue curtain background in the Flicks voting image? (The blue is bleeding a bit too much for my eyes)
https://bug897686.bugzilla.mozilla.org/attachment.cgi?id=781154


Thanks!
Assignee: ltom → jbalaco

Comment 39

4 years ago
woohoo!
(Assignee)

Comment 40

4 years ago
Hey Jess, 

Will do.

Comment 41

4 years ago
Created attachment 785824 [details]
feature4

Hi Jess, I've attached an updated Flicks Feature 4 image without a blue background...is this what you had in mind?

Thanks Lee for filling in while I was away!
Attachment #781154 - Attachment is obsolete: true
(Reporter)

Comment 42

4 years ago
Created attachment 785981 [details]
screenshot

Thanks Matt! This is looking better, but the hand looks oddly square and chopped off now - see attached screenshot.

Do you have an idea to make it not so chopped?

Comment 43

4 years ago
Hey Jess, the original graphic was meant to have a monochromatic look for the less important elements, so that the vote card would be the focal point. I actually think it lacks a bit with out the contained look of the blue background.  I guess another option would be to remove the hand completely which would open things up. Let me know what you think.
(Reporter)

Comment 44

4 years ago
Hey Matt, that makes sense. I think removing the hand completely sounds good. And if you'd like, you can also add in the rest of the voting box? That way it's a little taller?

Comment 45

4 years ago
Created attachment 786061 [details]
feature4

Jess, I've removed the hand and increased the box size, but also have included a light background to allow for the vote card to read a clearer.
Attachment #785824 - Attachment is obsolete: true
(Reporter)

Comment 46

4 years ago
Thanks Matt! I like it sans hand, but the blue background doesn't match the style of the other images that aren't square/have a background color.

Can you try taking out the blue background, and make the vote paper orange and the "VOTE" text white?  If you need it to stand out more fromt eh white background, maybe you can make a grey fuzzy outline/background that surrounds just the image (not the whole box)?

Comment 47

4 years ago
Created attachment 786072 [details]
feature4

I like the orange card idea...
Attachment #786061 - Attachment is obsolete: true
(Reporter)

Comment 48

4 years ago
Perfect! \o/

That looks soo good. :)

Thanks Matt!
Status: ASSIGNED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.