Redesign of Secure Passwords Safety leaflet

RESOLVED FIXED

Status

Marketing
Design
RESOLVED FIXED
7 years ago
7 years ago

People

(Reporter: Jane Finette, Assigned: Lee Tom)

Tracking

Details

(Whiteboard: Consumer Education - passwords)

Attachments

(3 attachments)

(Reporter)

Description

7 years ago
Created attachment 531114 [details]
Passwords brochure original

I'm looking for a redesign please of the Secure Password leaflet Richard Milewski created earlier this year. 

John, I'm looking for the design to be of our Mozilla Firefox branding - however, as this is not information directed at Firefox per se - I'd love your advice on how to address the brought to you by "Mozilla Firefox" or the "Non-profit organization Mozilla Firefox" etc. 

If its possible to use a few fun graphics that help illustrate that would be super, thought not sure if you think what we have is specific to Firefox and therefore you'd rather not use. 

It is intended for the leaflet to be printed, so please do bare that in mind. 

A bug has been filed to review the copy at bug 655811

thanks for your help. 

Timing: Looking for a May 23 delivery if possible please.
(Reporter)

Updated

7 years ago
Blocks: 655811
(Reporter)

Updated

7 years ago
No longer blocks: 655811
Depends on: 655811
(Reporter)

Updated

7 years ago
Whiteboard: Consumer Education - passwords

Comment 1

7 years ago
Hi Jane. So, just to make sure I'm clear, we need to:

- update overall visual design, ideally with new graphics
- update copy (covered in the other bug)
- add appropriate "brought to you by" branding

I'm excited to get to work on this, b/c that brochure could definitely use some polishing up, but the 23rd might be pretty aggressive depending on what else is in the queue (I'll need to consult with Tara on that). Is there a hard deadline associated with that date?

Also, is this the only brochure we're going to do, or will there be more? If it's the first of a series, that's overall a good thing but might mean we need to take a little more time to make sure we're building the entire system correctly.
(Reporter)

Comment 2

7 years ago
Hi John - thanks for the note and great questions. 

Yes to all of the above on what I was looking for please: - update visual design, copy and add in "brought to you by" branding. 

In terms of a deadline, I was hoping to start a consumer education campaign with the Bing keywords in early June - and needed to get things all set up before end of May. I'd like to add this leaflet to be able to be downloaded once complete to a SUMO page on passwords - and so hence leaving a bit of extra time as that may take a few more days / to a week to get live to site. 

Lastly, there will be consumer education pieces - but this is definitely the first. So if we can think about the continuity a little more and the visual ID that would be super. It doesn't need to be 100% for this one, but going in one direction.

Comment 3

7 years ago
(assigning to Lee)
Assignee: tshahian → ltom
(Reporter)

Comment 4

7 years ago
Created attachment 531991 [details]
Revised passwords brochure copy

Thanks Tara. 

Lee - Matej has done a first pass at the copy. Please see the attached. 

Let me know if you'd like to talk.

Comment 5

7 years ago
Lee, I also had some layout thoughts in https://bugzilla.mozilla.org/show_bug.cgi?id=655811#c4 - might be good for you, Matej & I to have a quick sync before you jump into this one.
(Reporter)

Comment 6

7 years ago
Hey there -- could I ping you on this please? I know last week was hellish in terms of meeting mania. I'll be out of office for 2 weeks from Friday onwards. Would be great to get this all wrapped up before then please. Can you let me know? thanks

Comment 7

7 years ago
Hey Jane, lets sync up tomorrow when we're all in the office.  Is that cool?  I had an unexpected wfh today and John is also back tomorrow.  Am pinging Lee as well.
(Assignee)

Comment 8

7 years ago
Hi Jane,
Matej and I made some progress on this last week. I will have a mockup for you to look at tomorrow. Is that ok?

Comment 9

7 years ago
Hi all,

Lee and I meant to catch up with you guys on this last week, but time ran out. Once we saw it in layout we agreed with John that we were spending too much space on what not to do vs. what you should do, so I took out a section which I felt was just being repeated anyway and made a few other tweaks. We think it's flowing a lot better now. The only thing I think it still needs is a more interesting/engaging title, which I can work on this week.

Let us know your thoughts after you've seen the mockup tomorrow and we can discuss further.

Thanks!
(Reporter)

Comment 10

7 years ago
OK - all sounds good. Thanks for keeping it going -- i should have known you'd already be all over it! :) Chat tomorrow.
(Assignee)

Comment 11

7 years ago
Hi all, here's the first mockup of our Passwords leaflet:
http://intothefuzz.com/leetom/MISC/PASSWORDS/passwords_01.jpg

*I combined both sides into one jpg - sorry if it's a little abstract to look at. Basically, the top 1/2 of the page is the "inside" spread, while the big title with Firefox logo, and Mozilla copyright info is the "outside" front/back.

Please review the copy changes Matej referred to in comment 9 and let us know what you think. I will save the design minutiae until we finalize the copy, then tweak as appropriate. Thanks!
(In reply to comment #11)
> Hi all, here's the first mockup of our Passwords leaflet:
> http://intothefuzz.com/leetom/MISC/PASSWORDS/passwords_01.jpg
> 
> *I combined both sides into one jpg - sorry if it's a little abstract to
> look at. Basically, the top 1/2 of the page is the "inside" spread, while
> the big title with Firefox logo, and Mozilla copyright info is the "outside"
> front/back.
> 
> Please review the copy changes Matej referred to in comment 9 and let us
> know what you think. I will save the design minutiae until we finalize the
> copy, then tweak as appropriate. Thanks!

Looking great, Lee. Just a couple of really tiny fixes in the example section:

• Let's take the quotation marks off special in step 3.

• In step 4, suffix is misspelled.

Thanks!
As I mentioned in comment 9, I wanted to come up with a better title for this thing. I ended up writing a lot more options than I thought I would and figured I'd share them all here. Let me know if there are any favorites.


It's a Big Web Out There. Stay Safe.

It's a Big Web. Stay Safe with Strong Passwords.

Stronger Passwords, Safer Browsing.

Strong Passwords for Safe Browsing.

Password Dos and Don'ts.

Become a Password Ninja.

The Guide to Safer Passwords.

"Password" and Other Lousy Passwords.

Passwords: Strong, Safe & Secure.

The Way of the Password.

Passwords: A Guide to Staying Safe.

Protect Yourself With Stronger Passwords.

How to Make Strong Passwords.

The Strong Passwords Recipe Book.

Safe Passwords Made Easy.

All About Safe Passwords.

The Safe Password Survival Guide.

Comment 14

7 years ago
Thanks guys. This is looking a lot better. 

Am still concerned that there's too much text, but that's just looking at a small online version. It may well be just fine when it's printed. An alternate way of approaching that would be to add more visuals, but I don't have any brilliant on ideas on what to include.

Also, the Firefox logo on the front looks nice but I'm not 100% sure that it works conceptually. Putting myself in the mind of the reader, there's a bit of a disconnect between safe passwords and a browser. Maybe it just needs a "brought to you by" or something, but I do think it needs a bit more tweaking to make the connection clear.

As for the alternate headlines, I like a lot of them but will call these out in particular:
Stronger Passwords, Safer Browsing.
Become a Password Ninja.
The Safe Password Survival Guide.

(the first one is the least interesting in terms of writing, but does the best job of connecting to the logo)

Jane, what do you think?
(In reply to comment #14)
> Thanks guys. This is looking a lot better. 
> 
> Am still concerned that there's too much text, but that's just looking at a
> small online version. It may well be just fine when it's printed.

I'm sure I could find some copy to trim, if needed. Maybe Lee can print out a mockup and we can assess from there.

> Also, the Firefox logo on the front looks nice but I'm not 100% sure that it
> works conceptually. Putting myself in the mind of the reader, there's a bit
> of a disconnect between safe passwords and a browser. Maybe it just needs a
> "brought to you by" or something, but I do think it needs a bit more
> tweaking to make the connection clear.

That never occurred to me, but good point. What if we put the lock icon the front of the pamphlet as the hero image? Really this should be less about Mozilla and Firefox and more about online safety for all. Regardless, I agree that a "brought to you by" message would be helpful, just a question if that goes on the front or the back.

Could be:

Brought to you by Mozilla, the maker of Firefox.

Or simply:

Brought to you by Mozilla Firefox.

Comment 16

7 years ago
I'd have to see how the lock looks on the front, but I don't necessarily remove the Fx logo altogether...I like the brand association of us bringing these helpful tips to people.

Jane, what do you think?
Sorry, didn't mean to suggest we lose the Fx logo entirely, just wondering if it needs to be on the front.
(Assignee)

Comment 18

7 years ago
How about pairing the Fx logo with the "brought to you by" message on the back?

Comment 19

7 years ago
That could work. I definitely want the logo on there somewhere (and pretty prominently). Would kind of still like to see it on the front somewhere if we can make it work (maybe smaller there, then bigger on the back).
(Reporter)

Comment 20

7 years ago
Guys -- sorry, getting to this late and really appreciate you driving forward. 

For a header, I think the simple one "Stronger Passwords, Safer Browsing." even though its not exciting as the others, I feel strongly about be clear what we're communicating on. 

In terms of brought to you by, I like "Brought to you by Mozilla, the maker of Firefox." John, would you be OK with that? As we'll likely do more of these, I think its important to start off with something we're all happy with.  

Having the logo on the back would be just fine. I'm keen for it to be on the leaflet -- but does not need to be front and centre. Especially as we're hoping to get more syndication.

Comment 21

7 years ago
How about "Brought to you by Mozilla Firefox"? That's more consistent with the way we've been merging the brands elsewhere.
(Reporter)

Comment 22

7 years ago
+1 thanks John.
(Assignee)

Comment 23

7 years ago
Hi all,
Here's another jpg of our leaflet:
http://intothefuzz.com/leetom/MISC/PASSWORDS/passwords_02.jpg

- New title "Stronger Passwords, Safer Browsing"
- "Brought to you by Mozilla Firefox" + Firefox logo on back
- copy fixes (comment 12)

Is the logo and Mozilla Firefox branding on the back, sufficient? If we'd also like to see Firefox logo on the front, I would need to re-think the use of the Security feature icon. 

Regarding the amount of copy - I think that everything is fitting well in the space, and will print well.
Lee, really nice work. I think this is looking amazing.
(Reporter)

Comment 25

7 years ago
+1 looks really super. 

Lee / Matej -- i just caught one thing in the legal blurb on the back page under the Brought to you by... We no longer need the paragraph disclaimer about the images. The paragraph starts "Characters from Le Geektionerd... this whole section can be removed. 

thanks!

Comment 26

7 years ago
+1
(Reporter)

Comment 27

7 years ago
Hey there -- is there a chance to get the file finished today at all so I can get added to SUMO whilst I'm away? thanks
(Assignee)

Comment 28

7 years ago
You bet, Jane. If everything is approved from my last mockup, I'll finalize and post final files today.
(Assignee)

Comment 29

7 years ago
FYI - I made the edit to the legal blurb (comment 25)
(Reporter)

Comment 30

7 years ago
yes -- all good. thank you lee. :)
(Reporter)

Comment 31

7 years ago
Hey Lee -- is it possible to get this as a PDF please too?
(In reply to comment #31)
> Hey Lee -- is it possible to get this as a PDF please too?

Since the pamphlet is designed as a tri-fold printed front and back, I wonder if it needs to be laid out differently for a PDF. Is the PDF something that would go out to people, or just for reference internally?
(Assignee)

Comment 33

7 years ago
I think a multi-page (front and back) PDF  at 300dpi should work for the printers. Wait, we are sending these to printers, right?
(Reporter)

Comment 34

7 years ago
We're actually having it be a PDF which people can download and print themselves.
I think that's going to need a different layout. Lee, what do you think?
(Assignee)

Comment 36

7 years ago
ohhh. 
hmm.. I'm not exactly sure how to set this up - could take some experimenting. Things we need to consider are lining up the folds, and making a file that users can print on 2 sides of one A4 sheet. I might be living in the Dark Ages, but is this technology easily accessible to most people?  ...by that, I mean at home, vs. going to a pro printer/print shop?

If indeed we want this to be a quick printable doc for users.. we may need to consider redesigning it for 8.5" x 11" Letter size.
I think it's possible to do at home, but it would take some fiddling, and I don't think you could get it to print to the edge. A4 vs. letter is another challenge.

Would it make sense to have it as something that's viewable online, but the printable part is only the spread that talks about how to do it right? Maybe we could make that a little cheat sheet type card or something like that.
(Assignee)

Comment 38

7 years ago
Hey Jane, Can you weigh in on how we should proceed? 

I'm 75% done setting this up for a front and back in A4 - basically, the same format as the Passwords Brochure source file that we started the bug with. 

If we switch to a different format or redesign, I may not have this done by EOD.
(Reporter)

Comment 39

7 years ago
hey Guys 

I'm sorry about this and realize after reading my initial bug - I did not spell that out. 

I think its fine if the leaflet is printed on 2 pages (Lee - it is generally hard for someone to print on 2 sides of one page: speaking from experience here).

Would rather we keep it to the PDF than have it viewable online with a printable cheat sheet.  It will be OK to use Letter format. 

Lee - totally understand about getting this done today. 

Michael from SUMO is cc'ed on this bug and is standing by to grab the document when its ready.
(Assignee)

Comment 40

7 years ago
- I will keep front and backs as 2 PDFs 
(we should combine to one multi-page PDF - I'm having issues with my Adobe Acrobat Pro, so I may need to ask if someone else can do this for us)

Jane, are we sticking with A4 with 2 folds, or changing to Letter with 2 folds?
(Reporter)

Comment 41

7 years ago
As this will be for a US campaign -- I assume we should go with letter size? Is that what you would recommend? (still getting to know the sizes here)
(Assignee)

Comment 42

7 years ago
Created attachment 535772 [details]
A4 vs. Letter

They're fairly similar in size - Letter (dark black outline) is a more of a square rectangle, and once folded, will make each panel more narrow. For this, I think A4 would be better.

However, the advantage to using Letter size, is that it may be a more common paper size - I'm pretty sure, most people would more likely have Letter than A4, at home.

In either case, printing 2 sides on 1 sheet won't be seamless for most people.
(Assignee)

Comment 43

7 years ago
I think we should stick to A4 format for now. I will try to finalize artwork asap, and maybe we can revisit a different form factor and/or re-purpose content again at a later time?
(Assignee)

Comment 44

7 years ago
Here are the 2 PDFs (print ready) in A4. It might be a good idea to combine these into a multi-page PDF (my Acrobat is acting up, so I can't do this right now)

http://intothefuzz.com/leetom/MISC/PASSWORDS/passwords_A4_in.pdf
http://intothefuzz.com/leetom/MISC/PASSWORDS/passwords_A4_out.pdf

Jane, let me know if Letter is indeed, preferable and I can revisit. Thanks!
L
Ultimately the size doesn't matter that much, I don't think, because people can just scale it to fit the size of whatever page they have. Letter is definitely the standard in North America, but A4 makes for wider pages, which looks better, so I'll defer to someone else on what we should use.

I am, however, concerned that the flow of the pamphlet won't be clear to people if we're asking them to print it out themselves. I'm wondering if we can reorder the information across the two pages so it's in the correct order without it being folded.

My idea is that one sheet would have (left to right) the title page, The Password Problem and What Not to Use, and the other sheet would be the two-page example /how to do it right section and then the brought to you by page. Otherwise I think people are going to print it out and read it in the wrong order, which I don't think gives them the best experience.
(Assignee)

Comment 46

7 years ago
Agreed. I think it could potentially be a confusing experience if folks print/read the information which was designed for the folded form-factor. 

If we decide to reorder the info for a flat page, should we also consider making it one sided too?

Comment 47

7 years ago
Hey guys, where do we stand on this?  Sorry I haven't been as involved in the conversation... wanted to be sure we're not held up on anything.
With Jane on vacation, I'm not sure who should make the call on this, but as I mentioned in comment 45, I think we should rethink how this is laid out if the intention is to have people print it on their own. As it is, it wouldn't be a particularly user-friendly experience for them.
(Assignee)

Comment 49

7 years ago
I posted final files in comment 44. 

As it stands, the assets are designed as a 2-sided, folded leaflet for A4 paper size. If this isn't the ideal format, we may need to revisit our approach.

Comment 50

7 years ago
Hey guys.  Putting this on hold until Jane gets back.  Seems like Lee had basically finished the initial request, and the thought process around what we needed changed.  So, before he does more work I want to make sure we know exactly what we're looking for :) And it's Jane's call, so... we'll pick it back up when she returns.

Comment 51

7 years ago
:( for changing deliverables midstream. Let's really try to avoid that.
(Reporter)

Comment 52

7 years ago
Hi Guys 

thank you so much for moving this forward whilst I was away. I'd like to do 2 things please:

(1) Please can we finish the design file that would go to a printers - we will likely want to have some printed for a Fall Education campaign. It looks super and we'll definitely want to use. 

(2) I do agree after having taken some time to look at the document, that a better format would be better for the printed PDF. How would you like to proceed with that redesign? 

(Tara will you let me know which part I should file a new bug for please)

Comment 53

7 years ago
Thanks Jane.  Sorry I'm not sure how I missed this.  I assumed this bug was still idle.

Lee, can you post the files to print per #1?
Jane, can you please file a new bug for #2?  We'll see what we can do...
(Assignee)

Comment 54

7 years ago
Final files are posted in Comment 44

Comment 55

7 years ago
Right.  Great.  Thanks Lee :)  Closing this out.  Jane, will be looking out for that other bug when you are ready.
Status: NEW → RESOLVED
Last Resolved: 7 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.