CommunityStore: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 97: Line 97:
* Select product line/limits [done]
* Select product line/limits [done]
** All T-shirt styles between women, men, and kids
** All T-shirt styles between women, men, and kids
* Product placement and Store maintenance will be covered primarily by Zazzle team.


WEBSITE DESIGN
WEBSITE DESIGN
* Design layout for Zazzle Store
* Design layout for Zazzle Store
** Main header banner with intro
** Main header banner with intro [drafted]
** 2-3 buttons: "Browse Gallery", "Create your own"
** 2-3 buttons: "Browse Gallery", "Create your own"
** Featured products
** Featured products
** Left Nav bar
** Left Nav bar for Zazzle , Top Nav bar for Mozilla
** Color palette and style echoing Mozilla.com
** Color palette and style echoing Mozilla.com
** Initial design proposal not compatible with current platform
** Initial design proposal not compatible with current platform
* Design layout for upload tool
* Design layout for upload tool [drafted]
* Design layout for guidelines site
* Design layout for guidelines site [drafted]




Line 120: Line 121:
UPLOAD TOOL
UPLOAD TOOL
* Identify input fields [done]
* Identify input fields [done]
* Build actual tool with webdev
* Build actual tool with webdev [pending]
** Initial mockup is done, needs content and styling
** Initial mockup is done, needs content and styling
** Needs to run through Q/A
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.

Revision as of 17:59, 7 October 2008

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 create 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
  • Google Snippet
  • Social Networks
    • Facebook Group / Merch Application
    • Myspace Merch Application
    • HTML buttons
  • Photoshoot with Rolo, using samples from the Store
  • Press ?
  • Design schools/community outreach.
  • Flickr Group


To Do List / General Progress

LEGAL

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

PRODUCTS

  • Contact designer's from contest for seed designs [done]
    • 40+ designs
  • Identify other product design sources
    • re-purposing designs from internal projects and campaigns such as Mozilla.com, Robot, etc
  • Select product line/limits [done]
    • All T-shirt styles between women, men, and kids
  • Product placement and Store maintenance will be covered primarily by Zazzle team.

WEBSITE DESIGN

  • Design layout for Zazzle Store
    • Main header banner with intro [drafted]
    • 2-3 buttons: "Browse Gallery", "Create your own"
    • Featured products
    • Left Nav bar for Zazzle , Top Nav bar for Mozilla
    • Color palette and style echoing Mozilla.com
    • Initial design proposal not compatible with current platform
  • Design layout for upload tool [drafted]
  • Design layout for guidelines site [drafted]


COPY

  • Copy for Store homepage [drafted]
  • Copy for about section
  • Copy for intermediary page before "design your own", "publish to Store"
  • Copy for Guidelines [drafted]
  • Copy for FAQ [drafted]
  • Copy for "thank you" confirmation page

UPLOAD TOOL

  • Identify input fields [done]
  • Build actual tool with webdev [pending]
    • Initial mockup is done, needs content and styling
    • Needs to run through Q/A

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.