QA/Community/QMO Design/Branding Brainstorm
From MozillaWiki
< QA | Community | QMO Design
Overview
- What the program/site is?
- home for mozilla quality assurance team and community
- central place for docs and events (how tos, turorials, test/bug days)
- discussion forum for testers (localizers, partners, students)
- launch pad for community projects (test tools, automation, data analysis)
- Who is going to see this?
- See Target Audience below
- What impact is it going to have?
- Growing volunteer community of testers
- Grooming users into testers
- Building strong sense of team/community
- More open discussions on how to improve product quality
- Innovation and creativity through projects and events
- What it means to the community?
- Sense of belonging/home
- Open channels to contact QA team and community members with similar interests
- Chance to learn more about mozilla and our goals/processes
- Improve products they love by being active members of community
- Showcase their skills and abilities to help them climb the qa/dev ladder
Keywords
quality, community, testing, measuring, bugs, finding, fixing, verifying, automation, analysis, events, crashes, feedback, tools, breakpad, litmus, bugzilla, tasting, sampling, trial, beta, alpha, test cases, releases, candidates, trunk/nightly builds
Target Audience
- Existing users
- software engineer, web developer, tech, international tester community, partner qa teams
- Potential users
- end users, students, anyone interested in learning more about mozilla, firefox fans wanting to help
- Users to redirect/educate
- users needing help/support -> Mozilla Customer Service/Support
- users wanting to spread the word/evangelize -> SpreadFirefox.com
- users looking for marketing/pr -> ???
Color Themes
- Do
- blend/utilize colors from all mozilla project products, either use all major/common colors, or select a few that represents QMO well.
- avoid just using firefox, mozilla.com colors
- create different color themes for each project product
- Project colors
- Firefox: blue, orange, red, yellow
- Seamonkey: blue, purple, lavender
- Camino: blue
- Sunbird (Calendar): green, yellow, orange
- Thunderbird: blue, beige, brown/black
- Minimo - orange, yellow
- Bugzilla: purple, red, beige
- mozilla.org and mozilla.com:
- Original/Old School: orange, red, black
- Current: burgundy, blue, black
Logo Ideas
- Letters/Words
- QMO (or with dots: Q.M.O.)
- quality.mozilla.org
- Just the letter Q, with url below
- Mascots/Logos
- duck (QAC = QA Contributer)
- splattered bug (different colors surrounding it for various products)
- bug busters (think ghostbusters)
- Image concepts
- basics: check marks, x marks, pass/fail, stamp of approval, pushing the button (releasing software)
- actions: squashing bugs, looking for bugs, magnifying glass, bug catcher
- measurement: scales, ruler, litmus paper
- automation: gears, tools box, assembly line, conveyor
- community: people, groups, silhouette of people for background
Inspiration
- Some sites to inspire QMO web design
- Site Designs we like:
- http://www.deviantart.com/deviation/49079476/ (icons top menu)
- http://www.deviantart.com/deviation/16818469/ (big space for big icons/sections, surrounded by other content, including quick link on right)
- http://www.deviantart.com/deviation/39334191/
- http://www.deviantart.com/deviation/35941413/ (good landing page designs, X basic options, could be used to redirect to support or spread firefox)
- Logos we like:
- http://www.deviantart.com/deviation/35516400/ (~ujie) - word based logos
- http://www.deviantart.com/deviation/37195918/ (~dzuro) - stamp of approval and bug splat ideas
- http://www.deviantart.com/deviation/47753520/ (~nicy2002) - letter based logos
- http://www.deviantart.com/deviation/23399177/ (~sattu) - magnifying glass logo
- http://www.deviantart.com/deviation/40252012/ (~ARASTA) - community logo
- http://www.deviantart.com/deviation/22081483/ (=Raven30412) - community
- http://www.deviantart.com/deviation/48433331/ (~3khc) - replace with QMO in design, maybe with check mark put in somewhere
- http://www.deviantart.com/deviation/47622044/ (~Giosh) - use Q letter instead eith this design idea
- http://www.deviantart.com/deviation/46200854/ (=iamthez) - abstract tree logo, has quality/network keywords
- http://www.deviantart.com/deviation/38291404/ (=DES1GN) - abstract logo, with letters inside