Webdev/Web Production: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(48 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://www.smartsheet.com/b/publish?EQBCT=355f3fbc546c441e8bb02955be648bc6 Project Dashboard]
* [[Webdev/Web_Production/Project-Dashboard|Project Dashboard]]
* [https://www.smartsheet.com/b/publish?EQBCT=2ed19e722f394792b59619c69e3107e7 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 the Web Productions team we work with Mozilla's [[Engagement/Developer_Engagement|Developer Engagement]] team. 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.


== What ==
== What ==
Line 28: Line 40:
* 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 technically manage and develop for:
 
The following are some of the properties and application that we manage:


* [https://www.mozilla.org Mozilla.org]
* [https://www.mozilla.org Mozilla.org]
* [https://affiliates.mozilla.org Firefox Affiliates]
* Firefox About:Home Snippets
* [http://careers.mozilla.org Mozilla Careers]
* [http://careers.mozilla.org Mozilla Careers]
* [http://reps.mozilla.org Mozilla Reps]
* [http://reps.mozilla.org Mozilla Reps]
* [http://blog.mozilla.org Mozilla Blogs]
* [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]
* [http://start.mozilla.org Firefox 3.6 start page]
* [https://mozillalabs.com Mozilla Labs]
* [https://mozillians.org Mozillians]
* [https://mozillians.org Mozillians]
* Web Analytics (Google Analytics and WebTrends) across Mozilla
* [https://mobilepartners.mozilla.org Firefox OS Operator Self-Service (OSS)]
* [http://scrumbu.gs/ Scrum Bugs]
* [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 58: Line 81:


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.
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) '''
''' 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 collaborating and building relationships between our primary stakeholders and helping flesh out the ideation phase of a project.
Mike is responsible for managing Mozilla.org process and implementation.


[https://phonebook.mozilla.org/#search/Mike%20Alexis Contact Mike]
[https://mozillians.org/en-US/u/malexis Contact Mike]


|[[Image:webprod-jbertsch.png|150px|left]] ''' Jennifer Bertsch '''
|[[Image:webprod-jbertsch.png|150px|left]] ''' Jennifer Bertsch '''
Line 77: Line 102:
Jen is responsible for Mozilla's website strategy and product road map.
Jen is responsible for Mozilla's website strategy and product road map.


[https://phonebook.mozilla.org/#search/Jennifer%20Bertsch Contact Jennifer]
[https://mozillians.org/en-US/u/jbertsch Contact Jennifer]


|-
|-
Line 86: Line 111:
Craig is a HTML5, CSS, WordPress wizard!
Craig is a HTML5, CSS, WordPress wizard!


[https://phonebook.mozilla.org/#search/Craig%20Cook Contact Craig]
[https://mozillians.org/en-US/u/craigcook Contact Craig]


|[[Image:webprod-jcrawford.png|150px|left]] ''' Justin Crawford '''
|[[Image:webprod-agibson.jpg|150px|left]] ''' Alex Gibson '''
''Web Product Engineer''
''Front-end Web Developer''


Justin is a technical project manager with a background in web development.
Alex is one of the primary front-end developers on [https://www.mozilla.org mozilla.org].


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


|-
|-


|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
''Information Architecture and User Experience Design''
''UX Lead & Information Architect''
 
Holly performs research, developments and creates website content tests, and provides user experience expertise across all of our websites.


[https://phonebook.mozilla.org/#search/Holly%20Habstritt Contact Holly]
[https://mozillians.org/en-US/u/hhabstritt Contact Holly]


|[[Image:webprod-sancus.png|150px|left]] ''' Andrei Hajdukewycz '''
|[[Image:webprod-giorgos.png|150px|left]] ''' Giorgos Logiotatidis '''
''Web Developer''
''Web Developer''
Giorgos is web developer on both [https://reps.mozilla.org Mozilla Reps] and [http://mozillians.org Mozillians].


Andrei is front and back end developer with experience on Mozilla.org.
[https://mozillians.org/en-US/u/glogiotatidis Contact Giorgos]


[https://phonebook.mozilla.org/#search/Andrei%20Hajdukewycz Contact Andrei]
|-


|-


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


Michael does mainly back-end development and also has strong abilities in HTML5 gaming.
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://phonebook.mozilla.org/#search/Michael%20Kelly Contact Michael]
[https://mozillians.org/en-US/u/pmac Contact Paul]


|[[Image:webprod-giorgos.png|150px|left]] ''' Giorgos Logiotatidis '''
|[[Image:webprod-jgmize.png|150px|left]] ''' Josh Mize '''
''Web Developer''
''Web Developer''
Giorgos is a web developer that built [https://reps.mozilla.org Mozilla Reps] and is currently the lead developer on [http://mozillians.org Mozillians].


[https://phonebook.mozilla.org/#search/Giorgos%20Logiotatidis Contact Giorgos]
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-pmac.png|150px|left]] ''' Paul McLanahan '''
 
|[[Image:webprod-schalk.jpg|150px|left]] '''Schalk Neethling'''
''Web Developer''
''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://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-chris-more.png|150px|left]] ''' Chris More '''
|[[Image:webprod-cprice.jpg|150px|left]] ''' Cory Price '''
''Web Productions Manager''
''Sr. Web Project Engineer''


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.
Cory is a technical project manager and leads the creation of various websites and applications.


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


|-
|-


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


Ben is a technical project manager with many years of experience in project management and web development consulting.
Ben manages of our web developers and also provides technical project management on some special projects.


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


|}
|}
== How ==
There is order in the chaos! We are continually creating and revising our documentation and best practices. Do you have feedback? Let us know!
* [[Websites/Processes/Terminology|Web Productions Roles and Terminology]]
* [[Webdev/Web_Production/Meetings|Project Check-In Meetings]]
* [[Websites/Processes|Web Productions Process]] (outdated -- needed totally refreshed!)

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