Webdev/Web Production: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(85 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.
* 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.
* 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 ==
Line 35: Line 73:
* Improve efficiency in all aspects of the project life cycle.
* Improve efficiency in all aspects of the project life cycle.
* Prioritizing tasks and projects based on goals that help "move the needle".
* 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.
* Baking continuous improvement into everything we do.


Line 41: 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.


''' Our Rock Star Web Makers '''
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="100%"
{| width="80%"


|-
|-


|[[Image:webprod-mike-alexis.png|150px|left]] ''' Mike Alexis '''
|[[Image:webprod-mike-alexis.png|150px|left]] ''' Mike Alexis '''
''Websites Program Manager''
''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''
 
Jen is responsible for Mozilla's website strategy and product road map.


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-ccook.png|150px|left]] ''' Craig Cook '''
|[[Image:webprod-ccook.png|150px|left]] ''' Craig Cook '''
''Web Developer''
''Web Developer''


[https://phonebook.mozilla.org/#search/Craig%20Cook Contact Craig]
Craig is a HTML5, CSS, WordPress wizard!
 
[https://mozillians.org/en-US/u/craigcook Contact Craig]
 
|[[Image:webprod-agibson.jpg|150px|left]] '''  Alex Gibson '''
''Front-end Web Developer''
 
Alex is one of the primary front-end developers on [https://www.mozilla.org mozilla.org].
 
[https://phonebook.mozilla.org/#search/Alexander%20Gibson Contact Alex]


|-
|-


|[[Image:webprod-mkelly.png|150px|left]] ''' Michael Kelly '''
|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
''Web Developer''
''UX Lead & Information Architect''


[https://phonebook.mozilla.org/#search/Michael%20Kelly Contact Michael]
Holly performs research, developments and creates website content tests, and provides user experience expertise across all of our websites.


|[[Image:webprod-christie-koehler.png|150px|left]] ''' Christie Koehler '''
[https://mozillians.org/en-US/u/hhabstritt Contact Holly]
'' Web Product Engineer ''


Christie is a technical project manager with a wealth of experience in web development and open-source community building.
|[[Image:webprod-giorgos.png|150px|left]] ''' Giorgos Logiotatidis '''
''Web Developer''
Giorgos is web developer on both [https://reps.mozilla.org Mozilla Reps] and [http://mozillians.org Mozillians].


[https://phonebook.mozilla.org/#search/Christie%20Koehler Contact Christie]
[https://mozillians.org/en-US/u/glogiotatidis Contact Giorgos]


|-
|-


|[[Image:webprod-pmac.png|150px|left]] ''' Paul McLanahan '''
|[[Image:webprod-pmac.png|150px|left]] ''' Paul McLanahan '''
''Web Developer''
''Web Developer''


[https://phonebook.mozilla.org/#search/Paul%20McLanahan Contact Paul]
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-chris-more.png|150px|left]] ''' Chris More '''
|[[Image:webprod-jgmize.png|150px|left]] ''' Josh Mize '''
''Web Productions Manager''
''Web Developer''


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.
Josh is a back-end developer on mozilla.org and [https://mobilapartners.mozilla.org Mobile Partners].


[https://phonebook.mozilla.org/#search/Chris%20More Contact Chris]
[https://mozillians.org/en-US/u/jgmize Contact Josh]


|-
|-


|[[Image:webprod-rik.png|150px|left]] ''' Anthony Ricaud '''
'' Web Developer ''


[https://phonebook.mozilla.org/#search/Anthony%20Ricaud Contact Anthony]
|[[Image:webprod-schalk.jpg|150px|left]] '''Schalk Neethling'''
''Web Developer''
 
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-ben-sternthal.png|150px|left]] ''' Ben Sternthal '''
|[[Image:webprod-cprice.jpg|150px|left]] ''' Cory Price '''
''Web Product Engineer''
''Sr. Web Project Engineer''


Ben is a technical project manager with many years of experience in project management and web development consulting.
Cory is a technical project manager and leads the creation of various websites and applications.


[https://phonebook.mozilla.org/#search/Ben%20Sternthal Contact Ben]
[https://mozillians.org/en-US/u/cprice Contact Cory]


|}
|-
 
|[[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