655276 - Join Mozilla - layout Firefoxified card and certificate in DE, ES and PT

Status: RESOLVED FIXED

(Marketing :: Design, task)

Comment 1

[Chelsea Novak [:chelsea]]

Tara!
Now that the certificate and card have been Firefox-ified as per bug 652684, we need them layed out for DE, PT and ES. It would be great to have this in PSD by WB May 16:

Copy below:

DE (German)
Certificate
ICH BIN EIN OFFIZIELLER, ZERTIFIZIERTER, WEB-VERBESSERNDER, FREIE-SOFTWARE-LIEBENDER, ÖFFENTLICHES-GUT-BESCHÜTZENDER, NETTE-DINGE-TUENDER UNTERSTÜTZER VON MOZILLA.

Card
ICH BIN EIN OFFIZIELLER, EINGETRAGENER, WEB-VERBESSERNDER UNTERSTÜTZER VON MOZILLA.

******

ES (Spanish)
Certificate
SOY UN SEGUIDOR DE MOZILLA OFICIAL, CERTIFICADO, PERFECCIONADOR DE LA RED,
AMANTE DE LOS PROGRAMAS ABIERTOS, PROTECTOR DE LOS RECURSOS PUBLICOS,
FORJADOR DE HACER EL BIEN.
RECOMENDADO POR %s EN %s

Card
SOY UN SEGUIDOR OFICIAL DE MOZILLA, LLEVO TARJETAS, PERFECCIONO LA RED.

******

PT (Portuguese)
Certificate
EU SOU UM COLABORADOR OFICIAL, CERTIFICADO, APRIMORADOR DA WEB, AMANTE DO 
SOFTWARE LIVRE E PROTETOR DE RECURSOS PÚBLICOS DA MOZILLA.

card
EU SOU UM COLABORADOR OFICIAL, DE CARTEIRINHA E APRIMORADOR DA WEB DA MOZILLA.

Comment 2

[Tara (musingt)]

Hey Chelsea, I think the bug you referenced was a typo, it points me to an Add-on builder bug :)  Looking at this bug:  https://bugzilla.mozilla.org/show_bug.cgi?id=652584, I can pass off the PSD and have a freelancer update the strings. 

Thanks.

Comment 3

[Chelsea Novak [:chelsea]]

Great. Thanks Tara.

Comment 4

[Tara (musingt)]

Assigning to Victoria!  Stay tuned for updates

Comment 5

[Victoria Pater]

Attachment: Certificates

The Photoshop files are too big to attach, so I've included jpegs for review.

1. Do we need additional copy for DE and PT to replace "Endorsed By" text?

2. My version of the League Gothic didn't line up exactly with the supplied .ai file (which had outlined text), but it's close. Will this work?

3. How are these cards being used? They look like they might be printed (based on dimensions). If so, I'd suggest using InDesign as the layout program, but I can do Photoshop no problem. Just let me know and I can get those going today!

Comment 6

[Chelsea Novak [:chelsea]]

1. Endorsed by
(DE)
BESTÄTIGT VON

(ES)
RECOMENDADO POR 

(PT)
ENDOSSADO PELA

2. I'd need Tara or Sean to weigh in on the font issue.

3. The cards are being used as part of the sign up process for Join Mozilla. People input their name and a PDF is generated with their name on it. You can see how it works here: http://join.mozilla.org/thankyou.en.html

Let me know if you have more questions and thanks!

Comment 7

[Victoria Pater]

So should materials be laid out to print quality (300 dpi)?

Now that I see how the text will be used, I can tweak the width to match exactly.

Comment 8

[Chelsea Novak [:chelsea]]

Devin, can you let Victoria know what print quality to lay the designs out to. I know that you and your team found a way to balance the design with the PDF size. Please comment when you can.

Thanks

Comment 9

[Devin Reams (Crowd Favorite)]

Hi folks, I thought I'd jump in here as we already have templates ready for translated assets (card and certificate) in Github for this project which have already been used for German, for example:

https://github.com/paulosman/joinmozilla/tree/master/assets/pdf/templates

This may help. Let me know if you have any questions.

Comment 10

[Sean Martell]

Hmm... the font doesn't look right on these. Did you get it from http://www.theleagueofmoveabletype.com/fonts/7-league-gothic?

I created the originals as line art in Illustrator, which would be much prefered over raster graphics.

Comment 11

[Sean Martell]

Actually, wrong bug - I didn't create these originals. BUT... that font I linked to is the right font and vector would be best for this.  :)

Comment 12

[Victoria Pater]

Attachment: Vector format

OK, I fixed the font issue and have attached the certificates in vector format.  Please let me know if I should create outlines for this text.

Comment 13

[Victoria Pater]

Attachment: vector certificate DE

Comment 14

[Sean Martell]

I usually keep a working version and save another to send off for print with fonts converted to outline, yes.

Comment 15

[Victoria Pater]

Attachment: vector certificate ES outlined

Comment 16

[Victoria Pater]

Attachment: Card + Certificates

I've attached all cards and certificates. Let me know if there are any changes to the line breaks. I had to tweak size of text on the DE and PT cards to fit supplied content. Also, the Spanish translation has Mozilla mid-sentence, but it looks awkward bumped up, so I kept it all one size. Please review.

Comment 17

[Tara (musingt)]

Looks good to me.  Other thoughts?

Comment 18

[Chelsea Novak [:chelsea]]

Looks good to me too. Devin, Sean, any issues?

Comment 19

[Tara (musingt)]

Chelsea, let me know when you're ready to close this.

Comment 20

[Chelsea Novak [:chelsea]]

Still waiting to hear back from Devin. I'll ping him directly today. Sorry for the delay.

Comment 21

[Devin Reams (Crowd Favorite)]

Sorry if I don't understand but the assets are not in the format described in the github repository previously referenced.

In order to process the PDFs (to write user's names and the current date), we need them to follow the templates we've created.

Please let me know if any of this is unclear and a quick conversation would be beneficial: https://github.com/paulosman/joinmozilla/tree/master/assets/pdf/templates

To Sean's point, the fonts used are indeed League Gothic and had been tested against all known locales (including Czech).

Comment 22

[Chelsea Novak [:chelsea]]

Hey Victoria, 
Does Devin's comment about help at all? Let me know if you have more questions on this.

Cheers, 
Chelsea

Comment 23

[Tara (musingt)]

Hey guys, catching up on my bugs.  Where do we stand here?  Anything I can do to help?

Comment 24

[Victoria Pater]

(In reply to comment #23)
> Hey guys, catching up on my bugs.  Where do we stand here?  Anything I can
> do to help?

Yes, I had emailed you a while back about next steps. It's not really clear to me which files I should download. I already have each language in Illustrator files, saved as an .eps.

Comment 25

[Tara (musingt)]

Davin, can you please help explain what type of files Victoria needs to produce so we can wrap this up?  Thanks.

Comment 26

[Devin Reams (Crowd Favorite)]

Hi Tara,

Let me know if the templates in comment 9 are unclear:

https://bugzilla.mozilla.org/show_bug.cgi?id=655276#c9

We're simply expecting flat PDF files generated from the templates files mentioned above. This will then match those in the assets/pdf folder and we can just drop them in as needed (or Paul or Stas should be able to).

Comment 27

[Victoria Pater]

Attachment: Card + Certificates

No problem, I've attached the Spanish and Portuguese template card + certificate PDF files. Let me know if you need anything else!

Comment 28

[Victoria Pater]

Attachment: Card + Certificates 02

Sorry not all files (even zipped) would fit.

Comment 29

[Victoria Pater]

Attachment: Card + Certificates 03

Comment 30

[Victoria Pater]

Attachment: Card + Certificates 04

Comment 31

[Devin Reams (Crowd Favorite)]

Thanks, Victoria. Since these files are pretty huge would you mind making available the EPS files, too (via dropbox or FTP or similar where we can grab it?).

We may be able to take a look and see how we can reduce the size (our EN and DE files are down to ~400kb I believe).

Comment 32

[Victoria Pater]

Attachment: low res

Sure, here are the low res versions.

Comment 33

[Tara (musingt)]

Hey guys, are we good to close this out?  Have the files been transferred to the appropriate party?

Comment 34

[Chelsea Novak [:chelsea]]

Free to close.