CommunityStore: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 3: Line 3:
<br>
<br>
<u>'''Project Background:'''</u><br>
<u>'''Project Background:'''</u><br>
Inspired by a T-shirt design contest held earlier this year ([http://www.spreadfirefox.com/tcontest]), 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.   
Inspired by a T-shirt design contest held earlier this year ([http://www.spreadfirefox.com/tcontest]), 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.
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.
Line 98: Line 98:


PRODUCTS
PRODUCTS
* Contact designer's from contest for seed designs [done]
* Contact designers from contest pool to seed the store. 
** 40+ designs
** Resulting in 50+ designs/products
* Identify other product design sources
* Identify other product design sources
** re-purposing designs from internal projects and campaigns such as Mozilla.com, Robot, etc
** re-purposing designs from internal projects and campaigns such as Mozilla.com, Robot, etc
* Select product line/limits [done]
** 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
** All T-shirt styles between women, men, and kids
* Product placement and Store maintenance will be covered primarily by Zazzle team.  
** Product placement and Store maintenance will be covered primarily by Zazzle team.  


WEBSITE DESIGN
WEBSITE DESIGN
* Design layout for Zazzle Store
* Main gallery hosted by us:  communitystore.mozilla.org
** Main header banner with intro [drafted]
* Pages elements:
** 2-3 buttons: "Browse Gallery", "Create your own"
** Landing page / Gallery view.  Customizable with category filters
** Featured products
** Design Guidelines
** Left Nav bar for Zazzle , Top Nav bar for Mozilla
** Upload tool
** Thank you / confirmation page
** FAQ
** About the Store
** Tag Cloud / Tag Search
 
* Design:
** Color palette and style echoing Mozilla.com
** Color palette and style echoing Mozilla.com
** Initial design proposal not compatible with current platform.  Working with Zazzle on a new layout to meet our needs.
** Site / page layouts [done]
* Design layout for upload tool [drafted]
** Main header banner [done - tbd]
* Design layout for guidelines page [drafted]
 
* Design layout for FAQ page
* Copy:
* Bug File for domain name: CommunityStore.Mozilla.com
* 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]


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


FLOW / WALKTHROUGH
FLOW / WALKTHROUGH

Revision as of 19:47, 19 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 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.