At a Glance
- Tasks: Join our Nucleus team to create and maintain design components for a seamless user experience.
- Company: British Gas is dedicated to simplifying life for millions through innovative energy solutions.
- Benefits: Enjoy competitive salary, 25 days holiday, flexible benefits, and a home-based work model.
- Why this job: Make a real impact in frontend development while collaborating with creative minds in a diverse environment.
- Qualifications: Proficiency in HTML, CSS, JavaScript; understanding of UX/UI principles and accessibility guidelines.
- Other info: We champion inclusivity and offer a Flex First working model to suit individual needs.
The predicted salary is between 36000 - 60000 £ per year.
At British Gas, we’re not just about providing energy; we’re about making life simpler and more efficient for millions of people. Central to this mission is our state-of-the-art design system: Nucleus which plays a critical role in delivering a seamless and cohesive design language across all our products and services. About the Role: We are seeking a dynamic and innovative Product Engineer to join our Nucleus design system team. As a key member of our team, you will collaborate with designers, developers, and the teams using the design system to create and maintain the core components, tools and guidelines to bring consistency, accessibility, and exceptional user experiences for our customers. Location: Predominantly home-based with occasional travel to Windsor What We Offer: Competitive Salary and Bonus Potential Employee Energy Allowance: 15% off the government price cap Pension Scheme Healthcare Plan: Company-funded Holiday Allowance: 25 days plus public holidays, with the option to buy up to 5 additional days Flexible Benefits: Including technology vouchers, electric car lease scheme, and travel insurance Key Responsibilities: Design System Development: Grow and refine our design system, including components, documentation, and tools UI Component Creation: Develop and maintain reusable UI components that adhere to our design guidelines Code Quality: Ensure code is clean, efficient, and sustainable, following industry best practices Code Reviews: Conduct thorough code reviews, provide feedback, and ensure adherence to coding standards Team Collaboration: Collaborate with product managers, designers, and developers to understand project needs and translate them into design system features What We Need from You: Technical Skills: Proficiency in HTML, CSS, JavaScript, and modern front-end frameworks UX/UI Principles: Strong understanding of user experience and interface design principles Accessibility: Good understanding of Web Content Accessibility Guidelines (WCAG) Web Components: Experience with technologies like Lit (preferred) Design Systems: Experience in using design systems to build interfaces (nice to have) Responsive Design: Knowledge of responsive web design practices CI/CD: Familiarity with Continuous Integration and Continuous Deployment processes Competencies: Problem-Solving: Creative and inventive in solving challenges Communication: Strong communication skills and a collaborative spirit Strategic Analysis: Insightful in strategic system analysis If you are passionate about frontend development and eager to make a significant impact, we would love to hear from you! Our commitment to diversity We are proud to be recognised as a disability-confident employer. Our customers come from a variety of different backgrounds, and so do we. We hire great people from all walks of life, not just because it’s the right thing to do, but because it makes our company stronger. We will continue championing inclusivity while investing in our local communities to create a better, more sustainable world for everyone. We are incredibly proud to have been recognised by The Times for being one of the Top 50 Employers for Women. Our people are the beating heart of our business. We are incredibly proud of our commitment to being Flex First. From childcare to furry friends, we listened to our people and understood that they work best when they are comfortable and have a flexible working model that suits their individual needs. We embrace the opportunity to give our colleagues a choice to work from anywhere whilst still ensuring they can connect and engage with their teams through office days, employee networks and virtual events. #LI-PR1
Product Engineer (Frontend Development) employer: Centrica
Contact Detail:
Centrica Recruiting Team
StudySmarter Expert Advice 🤫
We think this is how you could land Product Engineer (Frontend Development)
✨Tip Number 1
Familiarize yourself with the Nucleus design system and its components. Understanding how it works will help you demonstrate your knowledge during discussions with the team.
✨Tip Number 2
Showcase your experience with HTML, CSS, and JavaScript in practical ways. Consider building a small project or contributing to an open-source project that highlights your frontend skills.
✨Tip Number 3
Prepare to discuss your approach to accessibility and responsive design. Being able to articulate your understanding of WCAG and how you implement responsive practices will set you apart.
✨Tip Number 4
Highlight your collaborative experiences. Be ready to share examples of how you've worked with designers and developers to create cohesive user experiences, as teamwork is key in this role.
We think you need these skills to ace Product Engineer (Frontend Development)
Some tips for your application 🫡
Understand the Role: Take the time to thoroughly read the job description for the Product Engineer position. Understand the key responsibilities and required skills, especially around design systems, UI components, and collaboration.
Tailor Your CV: Customize your CV to highlight relevant experience in frontend development, particularly with HTML, CSS, JavaScript, and any modern frameworks you have used. Emphasize your understanding of UX/UI principles and accessibility standards.
Craft a Compelling Cover Letter: Write a cover letter that showcases your passion for frontend development and your ability to contribute to the Nucleus design system. Mention specific projects or experiences that demonstrate your problem-solving skills and collaborative spirit.
Showcase Your Work: If possible, include links to your portfolio or GitHub repository where you have showcased your work on design systems or frontend projects. This will give the hiring team a tangible sense of your skills and creativity.
How to prepare for a job interview at Centrica
✨Showcase Your Technical Skills
Be prepared to discuss your proficiency in HTML, CSS, JavaScript, and any modern front-end frameworks you have experience with. Highlight specific projects where you've applied these skills, especially in the context of design systems.
✨Demonstrate Understanding of UX/UI Principles
Since the role emphasizes user experience, be ready to explain your understanding of UX/UI principles. Share examples of how you've implemented these principles in past projects to enhance user interactions.
✨Discuss Accessibility Knowledge
Familiarize yourself with Web Content Accessibility Guidelines (WCAG) and be prepared to discuss how you've incorporated accessibility into your work. This shows your commitment to creating inclusive user experiences.
✨Emphasize Team Collaboration
Highlight your experience working collaboratively with designers, developers, and product managers. Share specific instances where your teamwork led to successful project outcomes, as this role requires strong communication and collaboration skills.