Webdev/Web Production: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(24 intermediate revisions by 4 users not shown)
Line 4: Line 4:
|teamtitle=Web Production
|teamtitle=Web Production
|teampagelocation=Webdev/Web_Production
|teampagelocation=Webdev/Web_Production
|teamlead=Chris More
|teamlead=Ben Sternthal
|mailinglist= webprod@mozilla.com
|mailinglist= webprod@mozilla.com
|description=We are the Web Productions team. We help Mozilla create compelling and innovative web products including www.mozilla.org, mozillians.org, affiliates.mozilla.org and many more!
|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 />
}}<section end=summary />


Line 17: Line 17:
|
|
* [[Webdev/Web_Production/Project-Dashboard|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]
* [https://blog.mozilla.org/websites/ Our Websites Blog]
* [[Engagement/Integrated_Marketing/Getting_Started|Project Artifacts & Templates]]
* [[Websites/Templates|Project Artifacts & Templates]]
* [[Webdev/Web_Production/Kanban| Kanban Guide]]
* [[Webdev/Web_Production/Kanban| Kanban Guide]]
* [[Webdev/Web_Production/Champions|Champions]]


* [[WebDev:FrontendCodeStandards|Code best practices guidelines]]
* [[WebDev:FrontendCodeStandards|Code best practices guidelines]]
Line 48: Line 48:
* [http://blog.mozilla.org Mozilla Blogs]
* [http://blog.mozilla.org Mozilla Blogs]
* [https://affiliates.mozilla.org Firefox Affiliates]
* [https://affiliates.mozilla.org Firefox Affiliates]
* [https://openstandard.mozilla.org/ The Open Standard]
* [https://firefoxflicks.mozilla.org Firefox Flicks]
* [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://mozillians.org Mozillians]
* [https://mozillians.org Mozillians]
 
* [https://mobilepartners.mozilla.org Firefox OS Operator Self-Service (OSS)]
* [https://openwebdevice.org Firefox OS CRB]


Tools and Services:
Tools and Services:


* [https://wiki.mozilla.org/Websites/Snippets Firefox About:Home Snippets]
* [https://wiki.mozilla.org/Websites/Snippets Firefox About:Home Snippets]
* [http://scrumbu.gs/ Scrum Bugs]
* [http://kanbanery.com Kanbanery] (Task and backlog visualization)
* [https://github.com/mozilla/basket/ Mozilla Basket]
* [http://scrumbu.gs/ Scrum Bugs] (Scrum/Agile management of Bugzilla)
* [http://www.smartsheet.com SmartSheet]
* [https://github.com/mozilla/basket/ Mozilla Basket] (Website to newsletter integration)
* Web Analytics (Google Analytics on Mozilla Websites)
* [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 77: 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%"


|-
|-
Line 87: Line 93:
''Program Manager for Mozilla.org''
''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://mozillians.org/en-US/u/malexis Contact Mike]
[https://mozillians.org/en-US/u/malexis Contact Mike]
Line 106: Line 112:


[https://mozillians.org/en-US/u/craigcook Contact Craig]
[https://mozillians.org/en-US/u/craigcook Contact Craig]
|[[Image:webprod-jcrawford.png|150px|left]] ''' Justin Crawford '''
''Web Product Engineer''
Justin is a technical project manager with a background in web development.
[https://mozillians.org/en-US/u/hoosteeno Contact Justin]
|-
|[[Image:webprod-gareth.jpg|150px|left]] ''' Gareth Cull '''
''Web Analytics and Optimization Engineer''
[https://phonebook.mozilla.org/#search/Gareth%20Cull Contact Gareth]


|[[Image:webprod-agibson.jpg|150px|left]] '''  Alex Gibson '''
|[[Image:webprod-agibson.jpg|150px|left]] '''  Alex Gibson '''
''Front-end Web Developer''
''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]
[https://phonebook.mozilla.org/#search/Alexander%20Gibson Contact Alex]
Line 130: Line 124:
|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
|[[Image:webprod-holly.jpg|150px|left]] ''' Holly Habstritt '''
''UX Lead & Information Architect''
''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]
[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://mozillians.org/en-US/u/sancus 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://mozillians.org/en-US/u/mkelly 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://mozillians.org/en-US/u/glogiotatidis 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://mozillians.org/en-US/u/pmac 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://mozillians.org/en-US/u/cmore Contact Chris]
[https://mozillians.org/en-US/u/cprice Contact Cory]


|-
|-
Line 174: Line 174:
''Web Development Manager''
''Web Development Manager''


Ben is the manager of the web developers and has a background in both development and project management.
Ben manages of our web developers and also provides technical project management on some special projects.


[https://mozillians.org/en-US/u/bensternthal 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 -- needs 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

Retrieved from "https://wiki.allizom.org/index.php?title=Webdev/Web_Production&oldid=1053052"