Oil and Gas Website Design: 16 Oil Company Websites That Work

This is a gallery of 16 oil company websites, from integrated majors such as Shell, BP and TotalEnergies to producers such as Coterra and regional fuel suppliers such as Mansfield Energy and Petro Home Services. For each one we note what works and what could be better.

An oil and gas website has two very different jobs, depending on the business. For a producer or a major, it is investor relations, safety, recruitment and a position on the energy transition that will be read critically. For a fuel distributor or heating-oil supplier, it is a sales tool: delivery areas, prices or quotes, account sign-up and emergency contacts. If you are commissioning one, decide which of those your site is for before anyone discusses the homepage video.

1. TotalEnergies

• Website: totalenergies.com
• Location: Paris, France
• What We Like: “Modern, clean design with vibrant colors and immersive visuals. The homepage video and interactive elements highlight TotalEnergies’ global reach and sustainability focus.”
• What Could Be Improved: “Some sections are content-heavy; concise summaries could improve the user journey.”

2. Shell

• Website: shell.com
• Location: The Hague, Netherlands (Global)
• What We Like: “Bold, professional design with strong use of brand colors and clear navigation. The site effectively showcases Shell’s innovations and global projects.”
• What Could Be Improved: “Homepage can feel dense; simplifying the layout would help users find key information faster.”

3. Chevron

• Website: chevron.com
• Location: San Ramon, California, USA
• What We Like: “Sleek, corporate look with high-quality visuals and intuitive navigation. The site highlights sustainability and community initiatives.”
• What Could Be Improved: “Some sections could use more visual storytelling and less text.”

4. BP

• Website: bp.com
• Location: London, UK
• What We Like: “Clean, modern design with a strong green accent, reflecting BP’s shift toward sustainability. Easy access to news, reports, and investor info.”
• What Could Be Improved: “Navigation menus could be more streamlined for quicker access.”

5. ExxonMobil

• Website: corporate.exxonmobil.com
• Location: Irving, Texas, USA
• What We Like: “Professional, authoritative design with strong content hierarchy. The homepage video and infographics convey scale and expertise.”
• What Could Be Improved: “Could benefit from more interactive or visual case studies.”

6. Marathon Petroleum

• Website: marathonpetroleum.com
• Location: Findlay, Ohio, USA
• What We Like: “Bold visuals, clear segmentation of business areas, and a strong focus on community and sustainability.”
• What Could Be Improved: “Some deeper pages could use more visual hierarchy for easier scanning.”

7. Marathon Oil

• Website: marathonoil.com
• Location: Houston, Texas, USA
• What We Like: “Modern, clean layout with strong visuals and easy-to-navigate menus. The site highlights innovation and operational excellence.”
• What Could Be Improved: “Could offer more interactive maps or project showcases.”

8. Coterra Energy

• Website: coterra.com
• Location: Houston, Texas, USA
• What We Like: “Professional, straightforward design with clear calls-to-action and investor resources. The color palette feels modern and trustworthy.”
• What Could Be Improved: “Homepage could feature more dynamic or engaging content.”

9. Atlas Oil

• Website: atlasoil.com
• Location: Taylor, Michigan, USA
• What We Like: “Industrial, approachable design with clear service offerings and customer resources. The site is easy to navigate and visually appealing.”
• What Could Be Improved: “Could benefit from more case studies or client testimonials.”

10. Sinclair Oil

• Website: sinclairoil.com
• Location: Salt Lake City, Utah, USA
• What We Like: “Nostalgic branding with a modern twist. The green dinosaur mascot and bold visuals make the site memorable and engaging.”
• What Could Be Improved: “Some content sections are dense; more visuals would enhance engagement.”

11. Petro Home Services

• Website: petro.com
• Location: Melville, New York, USA
• What We Like: “Friendly, customer-focused design with clear CTAs and easy online account access. The site is approachable and well-organized.”
• What Could Be Improved: “Could add more interactive tools or educational resources.”

12. Mansfield Energy

• Website: mansfield.energy
• Location: Gainesville, Georgia, USA
• What We Like: “Modern, professional look with strong use of blue and white. The site clearly communicates services and industry expertise.”
• What Could Be Improved: “Homepage could feature more dynamic visuals or infographics.”

13. Coleman Oil

• Website: colemanoil.com
• Location: Lewiston, Idaho, USA
• What We Like: “Clean, straightforward design with easy access to services and contact info. The site feels trustworthy and user-friendly.”
• What Could Be Improved: “Could benefit from more visuals or case studies to showcase projects.”

14. National Oil Corporation (NOC)

• Website: noc.ly
• Location: Tripoli, Libya
• What We Like: “Bold, impactful design with strong branding and clear segmentation of business areas. The site highlights NOC’s leadership in the region.”
• What Could Be Improved: “Some sections could use more visuals and less dense text.”

15. Hunt Oil

• Website: huntoil.com
• Location: Dallas, Texas, USA
• What We Like: “Elegant, minimalist design with a focus on global operations and sustainability. The site is easy to navigate and visually appealing.”
• What Could Be Improved: “Could offer more interactive project maps or news updates.”

16. McPherson Oil

• Website: mcphersonoil.com
• Location: Trussville, Alabama, USA
• What We Like: “Industrial, modern design with clear product segmentation and strong use of color. The site is approachable and easy to use.”
• What Could Be Improved: “Could add more client testimonials or case studies for credibility.”

What a good oil and gas website needs

• Investor pages for listed companies. Results, reserves reports, presentations and annual reports, dated and archived in a way an analyst can follow.
• Operations by region or asset. Basins, fields, refineries or terminals on a map, each with a short factual page.
• Health, safety and environment up front. Safety performance, emissions reporting and a plain statement on the energy transition, rather than imagery that promises more than the numbers show.
• For distributors, ordering and accounts. A delivery-area lookup by postcode, price or quote requests, automatic delivery sign-up and a customer portal for invoices.
• Emergency contacts on every page. A spill, leak or no-heat line in the header or a sticky bar, not buried in the footer.
• Product and safety data sheets. Fuels, lubricants and chemicals, each with downloadable SDS and technical data sheets.
• Careers for field and office roles. Rotations, locations and safety training, with vacancies searchable by site.

Oil company website not appropriate for your business?

Check out our roundups of different aesthetics for unique website designs:

• Security Website Examples
• Sustainability Website Examples
• Agriculture and Agritech Website Examples