Webdev/Web Production: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(94 intermediate revisions by 6 users not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__


{| border="1" align="right" class="wikitable"
<section begin=summary />{{TeamSummary
|teamtitle=Web Production
|teampagelocation=Webdev/Web_Production
|teamlead=Ben Sternthal
|mailinglist= webprod@mozilla.com
|description=We are the Web Productions team. We are the engineering arm of the Engagement organization and we create compelling and innovative web products, user-centered prototypes, and make data-driven decisions.
}}<section end=summary />
 
 
Do you have a question and don't know who to ask? Come chat with us at #webprod on IRC or [mailto:webprod@mozilla.com e-mail the team]. Read below to learn more about what we do and who we are.
 
{| border="1" style="float:right" class="wikitable"
! Quick Links
! Quick Links
|-
|-
|
|
* [https://docs.google.com/spreadsheet/ccc?key=0AhiX365xacl1dEVpSXY0Q2JSMDVaUTljaGhHXzVKOWc#gid=11 Project Dashboard]
* [[Webdev/Web_Production/Project-Dashboard|Project Dashboard]]
* [https://intranet.mozilla.org/webtools/webdev/project_init Project Intake Form]
* [https://blog.mozilla.org/webdev/ WebDev Blog]
* [[Websites/Templates|Project Artifacts & Templates]]
* [[Engagement/Integrated_Marketing/Getting_Started|Project Artifacts & Templates]]
* [[Webdev/Web_Production/Kanban| Kanban Guide]]
* [[Webdev/Web_Production/Champions|Champions]]


* [[WebDev:FrontendCodeStandards|Code best practices guidelines]]
* [[WebDev:FrontendCodeStandards|Code best practices guidelines]]
Line 14: Line 27:
|}
|}


We are [[Webdev|Web Development's]] Web Productions team. Learn more about what we do and the rock stars that make it possible. Do you have a question and don't know who to ask? Come chat with us at #webprod on IRC or [mailto:webprod@mozilla.com Email the team].


== What ==
== What ==
Line 21: Line 33:


* Provide technical project management for web products.
* Provide technical project management for web products.
* Create world-class user-facing websites, applications, and web-based campaigns.
* Helping other teams achieve their web-related goals as internal consultants and technical experts.
* Foster communication between product owners and all technical teams involved.
* Foster communication between product owners and all technical teams involved.
* Document web development processes and best practices for internal and external teams.  
* Document web development processes and best practices for internal and external teams.  
* Removing blockers and keeping momentum in projects.
* Removing blockers and keeping momentum in projects.
* Collaborate with the greater Web Development community.
The following are some of the properties and application that we manage:
* [https://www.mozilla.org Mozilla.org]
* [http://careers.mozilla.org Mozilla Careers]
* [http://reps.mozilla.org Mozilla Reps]
* [http://blog.mozilla.org Mozilla Blogs]
* [https://affiliates.mozilla.org Firefox Affiliates]
* [https://openstandard.mozilla.org/ The Open Standard]
* [https://firefoxflicks.mozilla.org Firefox Flicks]
* [http://start.mozilla.org Firefox 3.6 start page]
* [https://mozillians.org Mozillians]
* [https://mobilepartners.mozilla.org Firefox OS Operator Self-Service (OSS)]
* [https://openwebdevice.org Firefox OS CRB]
Tools and Services:
* [https://wiki.mozilla.org/Websites/Snippets Firefox About:Home Snippets]
* [http://kanbanery.com Kanbanery] (Task and backlog visualization)
* [http://scrumbu.gs/ Scrum Bugs] (Scrum/Agile management of Bugzilla)
* [https://github.com/mozilla/basket/ Mozilla Basket] (Website to newsletter integration)
* [http://www.smartsheet.com SmartSheet] (Timeline management)
* [http://www.google.com/analytics/ Google Analytics] (Web analytics)
* [http://optimizely.com/ Optimizely] (A/B testing)


== Why ==
== Why ==


We have amazing engineers and Bugzilla, so why do we need project managers?
Why do we need a team focused on building websites?


* Ensure cross-team collaboration.
* Ensure consistency, standardization, and quality of our websites.
* Manage scope and timeline to keep projects on track.
* Manage scope and timeline to keep projects on track and lean.
* Improve efficiency in all aspects of the project life cycle.
* Improve efficiency in all aspects of the project life cycle.
* Provide technical oversight to development activities.
* Prioritizing tasks and projects based on goals that help "move the needle".
* Prioritizing tasks and projects based on goals.
* Making "pretty" designs a web reality.
* Baking continuous improvement into everything we do.
* Baking continuous improvement into everything we do.


Line 40: Line 80:
Our technical project managers (TPM) are official called [[Webdev/Web_Production/Positions/Web_Product_Engineer|Web Product Engineers]] (WPE) and instead of engineering code, they engineer and manage the entire life cycle of a technical web project. They are project managers that have experience in web development, project management, people management, and helping keep project teams happy and productive.
Our technical project managers (TPM) are official called [[Webdev/Web_Production/Positions/Web_Product_Engineer|Web Product Engineers]] (WPE) and instead of engineering code, they engineer and manage the entire life cycle of a technical web project. They are project managers that have experience in web development, project management, people management, and helping keep project teams happy and productive.


''' Managers '''
We have both front-end and back-end engineers that develop and implement the code that runs the web properties that we manage. We also now have a full-time Information Architecture and UX designer on the team that will help ensure that what we do on the web is focused on the user and always improving.
 
A few people in our team are identified as having special expertise about a topic that we deal with, such as testing or localization. We call these people Champions, and you can read more information and see a list of the current champions on the [[Webdev/Web_Production/Champions|Champions page]].
 
''' Our Web Makers (in alphabetical order) '''
 
{| width="80%"


{| width="100%"
|-
|-
|[[Image:webprod-chris-more.png|150px|left]] ''' Chris More '''
''Web Productions Manager''


Chris is responsible for the process, standards and management of the Web Productions Team and building relationship throughout the organization for teams that need Web Development services.
|[[Image:webprod-mike-alexis.png|150px|left]] ''' Mike Alexis '''
''Program Manager for Mozilla.org''
 
Mike is responsible for managing Mozilla.org process and implementation.
 
[https://mozillians.org/en-US/u/malexis Contact Mike]
 
|[[Image:webprod-jbertsch.png|150px|left]] ''' Jennifer Bertsch '''
''Product Manager, Websites''


[https://phonebook.mozilla.org/#search/Chris%20More Contact Chris]
Jen is responsible for Mozilla's website strategy and product road map.
|[[Image:webprod-mike-alexis.png|150px|left]] ''' Mike Alexis '''
''[https://wiki.mozilla.org/Webdev/Web_Production/Positions/Web_Program_Manager Web Program Manager]''


Mike is responsible for collaborating and building relationships between our primary stakeholders and helping flesh out the ideation phase of a project.
[https://mozillians.org/en-US/u/jbertsch Contact Jennifer]


[https://phonebook.mozilla.org/#search/Mike%20Alexis Contact Mike]
|-
|-
|[[Image:webprod-christie-koehler.png|150px|left]] ''' Christie Koehler '''
'' Web Product Engineer ''


Christie is a technical project manager with a wealth of experience in web development and open-source community building.
|[[Image:webprod-ccook.png|150px|left]] ''' Craig Cook '''
''Web Developer''
 
Craig is a HTML5, CSS, WordPress wizard!


[https://phonebook.mozilla.org/#search/Christie%20Koehler Contact Christie]
[https://mozillians.org/en-US/u/craigcook Contact Craig]
|[[Image:webprod-ben-sternthal.png|150px|left]] ''' Ben Sternthal '''
''Web Product Engineer''


Ben is a technical project manager with many years of experience in project management and web development consulting.
|[[Image:webprod-agibson.jpg|150px|left]] '''  Alex Gibson '''
''Front-end Web Developer''


[https://phonebook.mozilla.org/#search/Ben%20Sternthal Contact Ben]
Alex is one of the primary front-end developers on [https://www.mozilla.org mozilla.org].
|}


''' Developers '''
[https://phonebook.mozilla.org/#search/Alexander%20Gibson Contact Alex]


{| width="100%"
|-
|-
|[[Image:webprod-ccook|150px|left]] ''' Craig Cook '''
 
|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
''UX Lead & Information Architect''
 
Holly performs research, developments and creates website content tests, and provides user experience expertise across all of our websites.
 
[https://mozillians.org/en-US/u/hhabstritt Contact Holly]
 
|[[Image:webprod-giorgos.png|150px|left]] ''' Giorgos Logiotatidis '''
''Web Developer''
''Web Developer''
[https://phonebook.mozilla.org/#search/Craig%20Cook Contact Craig]
Giorgos is web developer on both [https://reps.mozilla.org Mozilla Reps] and [http://mozillians.org Mozillians].
 
[https://mozillians.org/en-US/u/glogiotatidis Contact Giorgos]
 
|-
|-
|[[Image:webprod-mkelly|150px|left]] ''' Michael Kelly '''
 
 
|[[Image:webprod-pmac.png|150px|left]] ''' Paul McLanahan '''
''Web Developer''
 
Paul is a back-end developer and is the creator of the wildly successful [http://scrumbu.gs Scrumbugs] tool that multiple Mozilla teams use to manage their project.
 
[https://mozillians.org/en-US/u/pmac Contact Paul]
 
|[[Image:webprod-jgmize.png|150px|left]] ''' Josh Mize '''
''Web Developer''
''Web Developer''
[https://phonebook.mozilla.org/#search/Michael%20Kelly Contact Michael]
 
|[[Image:webprod-pmac.png|150px|left]] ''' Paul McLanahan '''
Josh is a back-end developer on mozilla.org and [https://mobilapartners.mozilla.org Mobile Partners].
 
[https://mozillians.org/en-US/u/jgmize Contact Josh]
 
|-
 
 
|[[Image:webprod-schalk.jpg|150px|left]] '''Schalk Neethling'''
''Web Developer''
''Web Developer''
[https://phonebook.mozilla.org/#search/Paul%20McLanahan Contact Paul]
 
Schalk is a front-end developer and works on all the shiny UI things people use everyday.
 
[https://mozillians.org/en-US/u/espressive/ Contact Schalk]
 
|[[Image:webprod-cprice.jpg|150px|left]] ''' Cory Price '''
''Sr. Web Project Engineer''
 
Cory is a technical project manager and leads the creation of various websites and applications.
 
[https://mozillians.org/en-US/u/cprice Contact Cory]
 
|-
|-
|[[Image:webprod-rik|150px|left]] ''' Anthony Ricaud '''
'' Web Developer ''
[https://phonebook.mozilla.org/#search/Anthony%20Ricaud Contact Anthony]


|}
|[[Image:webprod-bensternthal.jpg|150px|left]] ''' Benjamin Sternthal '''
''Web Development Manager''


== How ==
Ben manages of our web developers and also provides technical project management on some special projects.


There is order in the chaos! We are continually creating and revising our documentation and best practices. Do you have feedback? Let us know!
[https://mozillians.org/en-US/u/bensternthal Contact Ben]


* [[Websites/Processes/Terminology|Web Productions Roles and Terminology]]
|}
* [[Websites/Processes|Web Productions Process]]
* [[Webdev/Web_Production/Meetings|Team Meetings]]

Latest revision as of 17:19, 2 February 2015


Web Production
Team Lead: Ben Sternthal Mailing List: webprod@mozilla.com
We are the Web Productions team. We are the engineering arm of the Engagement organization and we create compelling and innovative web products, user-centered prototypes, and make data-driven decisions.


Do you have a question and don't know who to ask? Come chat with us at #webprod on IRC or e-mail the team. Read below to learn more about what we do and who we are.

Quick Links


What

To help Mozilla create compelling and innovative web products.

  • Provide technical project management for web products.
  • Create world-class user-facing websites, applications, and web-based campaigns.
  • Helping other teams achieve their web-related goals as internal consultants and technical experts.
  • Foster communication between product owners and all technical teams involved.
  • Document web development processes and best practices for internal and external teams.
  • Removing blockers and keeping momentum in projects.
  • Collaborate with the greater Web Development community.


The following are some of the properties and application that we manage:

Tools and Services:

Why

Why do we need a team focused on building websites?

  • Ensure consistency, standardization, and quality of our websites.
  • Manage scope and timeline to keep projects on track and lean.
  • Improve efficiency in all aspects of the project life cycle.
  • Prioritizing tasks and projects based on goals that help "move the needle".
  • Making "pretty" designs a web reality.
  • Baking continuous improvement into everything we do.

Who

Our technical project managers (TPM) are official called Web Product Engineers (WPE) and instead of engineering code, they engineer and manage the entire life cycle of a technical web project. They are project managers that have experience in web development, project management, people management, and helping keep project teams happy and productive.

We have both front-end and back-end engineers that develop and implement the code that runs the web properties that we manage. We also now have a full-time Information Architecture and UX designer on the team that will help ensure that what we do on the web is focused on the user and always improving.

A few people in our team are identified as having special expertise about a topic that we deal with, such as testing or localization. We call these people Champions, and you can read more information and see a list of the current champions on the Champions page.

Our Web Makers (in alphabetical order)

Webprod-mike-alexis.png
Mike Alexis

Program Manager for Mozilla.org

Mike is responsible for managing Mozilla.org process and implementation.

Contact Mike

Webprod-jbertsch.png
Jennifer Bertsch

Product Manager, Websites

Jen is responsible for Mozilla's website strategy and product road map.

Contact Jennifer

Webprod-ccook.png
Craig Cook

Web Developer

Craig is a HTML5, CSS, WordPress wizard!

Contact Craig

Webprod-agibson.jpg
Alex Gibson

Front-end Web Developer

Alex is one of the primary front-end developers on mozilla.org.

Contact Alex

Webprod-holly.jpg
Holly Habstritt

UX Lead & Information Architect

Holly performs research, developments and creates website content tests, and provides user experience expertise across all of our websites.

Contact Holly

Webprod-giorgos.png
Giorgos Logiotatidis

Web Developer Giorgos is web developer on both Mozilla Reps and Mozillians.

Contact Giorgos

Webprod-pmac.png
Paul McLanahan

Web Developer

Paul is a back-end developer and is the creator of the wildly successful Scrumbugs tool that multiple Mozilla teams use to manage their project.

Contact Paul

Webprod-jgmize.png
Josh Mize

Web Developer

Josh is a back-end developer on mozilla.org and Mobile Partners.

Contact Josh

Webprod-schalk.jpg
Schalk Neethling

Web Developer

Schalk is a front-end developer and works on all the shiny UI things people use everyday.

Contact Schalk

Webprod-cprice.jpg
Cory Price

Sr. Web Project Engineer

Cory is a technical project manager and leads the creation of various websites and applications.

Contact Cory

Webprod-bensternthal.jpg
Benjamin Sternthal

Web Development Manager

Ben manages of our web developers and also provides technical project management on some special projects.

Contact Ben