Williams Companies

Key Takeways

• Developed custom React components for Williams' corporate website.
• Collaborated with a multidisciplinary team to enhance user experience and functionality.
• Enhanced the Gutenberg editor for streamlined content management.

Project Overview

Williams is a leading energy infrastructure company, operating across the natural gas value chain in the United States.

I contributed to their corporate website as a Frontend Engineer, focusing on building dynamic, reusable WordPress blocks using React, JavaScript, PHP, and CSS.

Role and Contributions

Role: Frontend Engineer

Key Contributions:

• Custom Block Development
• Backend: Engineered blocks for the Gutenberg editor, including configuration panels tailored for content creators to ensure ease of use.
• Frontend: Designed and implemented user-facing visuals of the blocks, providing a seamless experience for website visitors.
• Responsive Design: Ensured all custom blocks were fully responsive and customizable to meet diverse content needs.
• Team Collaboration: Worked closely with designers, backend engineers, and stakeholders to align with project goals and deliver a cohesive product.
• Performance Optimization: Enhanced website performance by optimizing block scripts and styles.
• Quality Assurance: Participated in debugging and cross-browser testing to ensure compatibility across various platforms and devices.

Learnings

• Technical Skills: Advanced proficiency in React, WordPress block development, and PHP.
• Collaboration: Improved ability to work effectively within cross-functional teams, including stakeholders and lead engineers.
• Performance Optimization: Gained experience in implementing best practices for creating high-performance frontend components.