Design support for new employee onboarding materials and swag

[MandyRawls]

Requesting design support for our new employee onboarding project, with the goal of making a more standardized, cohesive (and fun!) onboarding experience for all new employees.

Key pieces that require design support:

• creating a visual onboarding "roadmap"

• design for welcome package, including: welcome card, MoFo specific swag, etc.

  A bit more detail has been provided to @xmatthewx

Deadline: October 15th

[hannahkane]

@xmatthewx - are you able to provide an estimate for this?

Thanks for the ticket, @MandyRawls. Does the deadline need to include production time for the swag?

[xmatthewx]

• Roadmap – I would estimate 2 days for an info-graphic that visualizes the onboarding roadmap that could sit as an image on the foundation wiki. A bit more if it's a standalone pdf with branding.
• Card – Welcome card (like a hallmark card?) could be 2 half days with feedback in between.
• Swag – Swag is just a few hours of work if we have clear specs and just plan to use a logo. Planning swag, gathering specs, or designing custom artwork would be a couple of days. We should make an awesome fun t-shirt!

I'd suggest that a designer and Mandy meet next week to clarify requirements.

I'm probably under-estimating all of this ... small projects with fun potential can easily balloon without a lot of diligence. If the deadline includes production, we'd need to put swag on the fast track.

It would be a challenge to get a contractor secured in time for that deadline (though we do have a good Toronto-based design who has worked with MoCo that could be a good candidate).

[xmatthewx]

@taisdesouzalessa – will see if her and @MandyRawls can meet this week to gather details on the requirements.

[xmatthewx]

Questions:

• [x] Is Oct 15th the deadline for design or printing?
• [x] Do we want original artwork for swag, t-shirt? Or just application of logo and text?
• [x] Where does the roadmap live? Wiki? PDF? Can it be high level, or will it require periodic updates?
• [x] others....?

[taisdesouzalessa]

Besides Matthew questions:

• [x] will they provide content for the roadmap?
• [x] any example of roadmap/swag stakeholders like/find interesting?
• [x] How do you want the new employees feel (3 keywords)? Should those pieces show a bit of Mozilla Foundation culture (3 keywords)? That helps to define the style/theme of illustrations.

[taisdesouzalessa]

Here are the notes from my meeting with @MandyRawls . Mandy, if there is anything I missed or if you have any additional info, please add to the document: https://docs.google.com/a/mozilla.com/document/d/1VR1gyIGtihfkZUl5J-Wg5h5QglVJ8wqx5CPvP2BmtWc/edit?usp=sharing

[xmatthewx]

This looks great. Thanks @taisdesouzalessa.

I'll discuss with @hannahkane and make a plan.

@MandyRawls – I would like to note that mid-October is pretty soon with MozFest in high gear. Two weeks could get us thru planning, gathering precedents, exploring design options, choosing a final direction. But we might need some time post Mozfest to wrap up.

[MandyRawls]

@xmatthewx - that timeline works for us. Please let me know if you need anything else. Thanks!

[MandyRawls]

I've updated the design document with the keywords for the feel/culture piece that Tais requested.

[flukeout]

Some Questions

• Which of these items should I focus on first?
  • Roadmap, card, swag?
• The roadmap feels the most important and useful, but I don't see any content for it anywhere int eh linked docs - is it available somewhere?

I can get started on an illustration for the card and/or tshirt while the roadmap content is being created - will you be in charge of that content @MandyRawls?

[MandyRawls]

@flukeout I will add the roadmap content to this google doc: https://docs.google.com/a/mozilla.com/document/d/1VR1gyIGtihfkZUl5J-Wg5h5QglVJ8wqx5CPvP2BmtWc/edit?usp=sharing

[flukeout]

Testing the waters here with video game splash-screen concept. You're a fox starting a game. Works pretty well for onboarding I think. Here's a rough take...

In the style of something like adventure time ...

Would make a cool tshirt. Thoughts?

[taisdesouzalessa]

Wow Luke...this is incredible! I love the concept of exploration and adventure. Plus the design of the shirt, based on your sketch, is so cool that people would be proud of wearing it.

My only thought would be to add some elements in his backpack or in the background scenario that references the issues we fight for. Just to add more a Mozilla's Foundation personality beyond the fox, to reinforce the concept of "fuelling a movement for the health of the internet" mentioned by Mark yesterday.

[MandyRawls]

Thanks, Luke! I like the idea of starting an exciting adventure as a MoFo. Would be great to tie in different elements of our work, too, in an informative and collective way. Also works nicely with the roadmap idea. Adding @Michaelaukland to the thread for his input, as well.

[xmatthewx]

Nice. Don't push too hard with references to issues. Could get cluttered and become less graphic, less punchy.

Maybe instead of a shovel, fox carries a flag? For Internet? Open? One web? Keep it weird? Or is there a more webby tool?

[flukeout]

How else will the fox dig into issues @xmatthewx, it's gotta stay

[flukeout]

I like flag idea though.

[flukeout]

Ok, one more update, I'll leave this here for a bit to get some feedback.

[MandyRawls]

@flukeout Michael and I were chatting, and love the adventure starting aspect of the design for the onboarding experience (esp the roadmap), but are think it may be better to have more generic MoFo branding for the swag - possibly using the Mozilla branding but making it more MoFo. This way the swag is a bit more inclusive (any MoFo would be proud to wear or use it at anytime, during or after their onboarding). Is there any MoFo branding that already exists, that we can use as a starting point?

[flukeout]

Hey @MandyRawls - the only real 'style' mofo has are the line-art icons that are used on the Learning Site, like these...

Other than that, it just bold blocks of color and text. We've also got some patterns, as seen on the thimble homepage for example...

Which specific swag items do you think would be the best?

[jgmac1106]

FWIW Would it be better to wait on a long term onboarding of SWAG as the Mozilla redesign effort is underway?

The community review is underway but you folks would know the timeline better than me.

If you want more generic MoFo style you could just copy the Mozilla Clubs logo style guide.

Though I want this @flukeout in both shirt and sticker. Design total keeper

On Thu, Nov 17, 2016 at 5:06 PM Luke Pacholski notifications@github.com wrote:

Hey @MandyRawls https://github.com/MandyRawls - the only real 'style' mofo has are the line-art icons that are used on the Learning Site, like these...

[image: image] https://cloud.githubusercontent.com/assets/25212/20409530/d91f5616-acce-11e6-9707-ccec5fd459b9.png

[image: image] https://cloud.githubusercontent.com/assets/25212/20409539/e26c91ac-acce-11e6-849c-a38c5fb79567.png

Other than that, it just bold blocks of color and text. We've also got some patterns, as seen on the thimble homepage for example...

[image: image] https://cloud.githubusercontent.com/assets/25212/20409568/fca08844-acce-11e6-8b85-87e5f8ea3f1f.png

Which specific swag items do you think would be the best?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/MozillaFoundation/plan/issues/833#issuecomment-261384976, or mute the thread https://github.com/notifications/unsubscribe-auth/AKC-pnDeJDUmTZUmR0_bl2RuH886WFXiks5q_M_mgaJpZM4KDA2H .

[xmatthewx]

@MandyRawls – The Mozilla logo and brand is likely to change considerably in the not too distant future. MozFest is probably the most established MoFo-y identity.

We could do a shirt with the current Mozilla logo backed by something more MoFo-ish, but again this will change soon. On the other hand, I don't think a card needs to be as closely coupled with the brand. Much like our campaign sites and materials, they can have a bit more unique character.

I suggest that you Michael and Luke discuss over vidyo to line up, before pushing this further.

[flukeout]

We could use some of our icons as the imagery, I've picked out three that could work well. What do you think of a direction like this?

We could do a logo on front with the Mozilla Foundation wordmark on the back.

[flukeout]

An update cc @MandyRawls @Michaelaukland - let me know your thoughts and ping me on mattermoz if you'd like to chat, schedule a call, etc.

[flukeout]

[flukeout]

[flukeout]

Could try a "foundation" kind of intertwined through the bold letters saying Mozilla, like here...

[flukeout]

Maybe a "Crazy Mofo" in this style..

[flukeout]

Do we have a manifesto or something like that? A chunk of text that we can use for a more typographic design?

[MandyRawls]

@Lottarao , @Michaelaukland , Luke and I have a meeting set for Wednesday to discuss.

[flukeout]

Based on the latest meeting, we've agreed to go with an illustrated or typographical version of "mofo/MOFO/MoFo" for the shirt, sticker and bottle and potentially using accent colors from our mofo-bootstrap color palette.

We'll tackle this first, then move to the onboarding materials. I'll post design ideas and updates in this issue soon.

[flukeout]

Okay so, I've got some sketches in this here deck.

In talking with the team, I think we're all in agreement that just "Mofo" wont cut it, and it might be offensive so... we're gonna go with some kind of type treatment of Mozilla Foundation.

Just getting rolling here. cc @MandyRawls @Lottarao

[MandyRawls]

Sounds good - thanks @flukeout !

[flukeout]

Updated deck with some more ideas

cc @MandyRawls Let me know your thoughts on these directions. Cheers.

[flukeout]

@MandyRawls a few more updates today, specifically the concept on slides 10-12 - just a heads up before you meet about it tomorrow. Cheers.

[MandyRawls]

@flukeout is it possible to edit slide 12 to make the design coloured (like slide 10)? We would like to share that slide with the team and propose we move ahead with that design for the swag. Thank you!

[flukeout]

It certainly is @MandyRawls - I'll create a new deck for that along with the new bottle. However, I think we should consider the greyscale version too - the consensus from the esteemed design team is that's the option they'd rather wear.

[MandyRawls]

@flukeout sounds good! Can we have two updated slides then - one for the coloured version and one for the greyscale version? We will present both options. Thanks!

[flukeout]

@MandyRawls as promised - here is the updated deck. Cheers!

[flukeout]

Following up from All-hands after chatting with @MandyRawls

• Swag - We are stopping work on the swag designs and waiting for the new mozilla branding to kick in. Once that settles we'll see how we fit the foundation brand in there.
  • RIP cool logo - https://flukeout.github.io/foundation-swag/
• Onboarding - Will continue working on this...
  • Will build as a web page
  • Will use either the 'game-theme' with dapper fox or an adaptation of the hand-drawn swag style

Sounds accurate? I'll close this and create a new issue to tackle the onboarding.

[xmatthewx]

An onboarding page on github? Could this be a page on mofo.build, for easier updates?

[flukeout]

That could work - I'll look into how that stuff is made & maintained.

[MandyRawls]

We are good with either a web page or PDF doc - whatever is easiest to create and maintain. Note that if we do go with a public web page, we will be linking to some sites that are Mozilla internal only.

It will basically work as both an exciting/welcoming overview of what the first 6 months of employment at MoFo will look like, and as a landing page for new hires (each milestone will link to additional resources). We like the idea of a game board type road map with the dapper fox and simple graphics.

Please let me know if you need anymore info!