Mozilla Community Store - Zazzle.com


Project Background:
Inspired by a T-shirt design contest held earlier this year ([1]), we're creating a new "Community" Store where Firefox fans from around the world can design, customize, and buy their own stuff - focusing initial launch on T-shirts/Apparel. We've partnered with Zazzle.com which offers high quality print-on demand services with global reach to help manage and host the store on their site.

The Community Store will be a side-kick to the official Mozilla Store, which currently has limitations in inventory and shipping - so our intention is not to compete, but foster the Firefox design community by opening our creative process a little more. The Mozilla Store will operate as usual and feature unique items not offered in the Community Store. Revenue generation is not a primary goal and all items will be sold at minimum cost. Proceeds will support the Mozilla Foundation.


Project Goals:
Community Empowerment

  • Continue to grow and establish the design community through a new channel of engagement

Branding

  • Strengthen and spread Mozilla brand through customized / community generated products

Project Breakdown:
Please view the mock-ups for a visual guide on how all these parts interrelate.

www.store.mozilla.org/Community
- This site will serve as a resource tool, providing detailed guidelines on the design process as well as the upload tool.

  • Pages:
    • Landing Page with buttons leading to Gallery, Upload tool, and Guidelines. It will also include a sample preview of existing designs in the gallery.
    • Guidelines (3 pages "design it", "create it", "own it")
    • FAQ
    • Upload tool

Upload tool
- Users will be able to upload their designs using this form, which will then be reviewed and submitted to Zazzle for product placement. The uploaded information will be dumped into a database which we can then use to link designs to designers and their information.

  • Input fields:
    • Fname (Optional)
    • Lname (Optional)
    • Email (Required)
    • Web Site (Optional)
    • Design name/description (Optional)
  • "click" Agreement (Required agreement to legal/TMP/terms of service)
  • "click" Consent for us to give name credit next to design on Zazzle.
  • Upload field (indicate max file size)
  • Upload confirmation / Thank you page with link to Zazzle Gallery


Submission Guidelines:

  • PNG or JPG
  • 150 - 300 dpi
  • up to 12x12" canvas size
  • File name should be saved with reference to their name / design name
  • Should zip multiple files

www.zazzle.com/Mozilla
- This is our gallery/store homepage. Users will be able to choose, customize and purchase from the gallery - or create their own.

Product Information:
- Zazzle will feature 2 different product categories:

- Product line will be limited to various t-shirt styles

  • T-shirts, Long sleeved shirts, tanks, sweatshirts, hoodies, etc.
  • Possibly including Posters and other merch in the future.


Promotional Channels

  • Blogs
  • Planet
  • About:Mozilla
    • article
    • side bar w/image ad
  • SpreadFirefox (featured project/group)
  • Mozilla Store (community spotlight)
  • Zazzle blog / homepage / featured brands
  • Google Snippet
  • Social Networks
    • Facebook Group / Merch Application
    • Myspace Merch Application
    • HTML buttons
  • Photoshoot with Rolo, using samples from the Store
  • Press ? outreach to relevant blogs.
  • Design schools/community outreach.
  • Flickr Group
  • WOM
  • "what's new" on Mozilla.com
  • "about" on Mozilla.com
  • Google group for mailer list
  • Campus Rep
  • T-shirt blogs


To Do List / General Progress

LEGAL

  • Sign contract [done]
  • Finalize click agreement with cbrady [pending]

PRODUCTS

  • Contact designers from contest pool to seed the store.
    • Resulting in 50+ designs/products
  • Identify other product design sources
    • re-purposing designs from internal projects and campaigns such as Mozilla.com, Robot, etc
    • Customizable "name" shirts. Perhaps a way for community members to say how they are involved with the project. "I'm ____ and I work on ____". These serve as templates which can be filled in and customized by anyone.
  • Product line:
    • All T-shirt styles between women, men, and kids
    • Product placement and Store maintenance will be covered primarily by Zazzle team.

WEBSITE DESIGN

  • Main gallery hosted by us: communitystore.mozilla.org
  • Pages elements:
    • Landing page / Gallery view. Customizable with category filters
    • Design Guidelines
    • Upload tool
    • Thank you / confirmation page
    • FAQ
    • About the Store
    • Tag Cloud / Tag Search
  • Design:
    • Color palette and style echoing Mozilla.com
    • Site / page layouts [done]
    • Main header banner [done - tbd]
  • Copy:
  • Landing page [drafted]
  • About page [drafted]
  • FAQ [drafted]
  • Design guidelines and steps [drafted]
  • Upload tool [drafted]
  • Thank you page [drafted]

DEVELOPMENT

  • Bug File for domain name: CommunityStore.Mozilla.com [done]
  • Q/A [pending assignment]


UPLOAD TOOL

  • Identify input fields [done]
    • Email (required)
    • Fname / Lname
    • Web portfolio / blog
    • File (required)
    • Design name and/or tags
    • Background display color (required)
    • Upload preview
    • Term of Agreement
    • Privacy click option
  • Build actual tool with webdev [pending]
    • First mockups reviewed, feedback provided.


FLOW / WALKTHROUGH

  • Main landing page is Zazzle.com/mozilla
  • Users can browser current gallery : featured products, recent, popular, all
  • Users can click to create their own t-shirt
  • This takes them to an intermediary page with more information
  • They can upload design, create a shirt and order it here (instant gratification)
  • Zazzle will be brand police and make sure everything abides by our guidelines
  • They can then choose to add their design to our Store by clicking over to our Upload tool.
  • Their design will get loaded into our database, we will review it, and send it over to Zazzle for product placement and display.