Company website and Design System

Description

Over the course of four years, I contributed as a Frontend Developer, evolving into the Lead Developer, for the Scrum team at Greenchoice, dedicating approximately 20 hours per week. My journey began with foundational frontend tasks and gradually expanded to leading development efforts. The project's mission was to continually enhance the Greenchoice website, focusing on customer service optimisation, sales conversion for energy contracts and eco-friendly products, and the overall user experience. Our approach was rooted in agile methodologies, specifically Scrum, and involved extensive collaboration with various stakeholders within a large corporate structure, ensuring that we maintained a balance between stakeholder interests and customer value.

Business and User Outcome

One of the key achievements was the significant optimisation of the customer service section, including FAQ integrations and personalisation features through Exponea (the customer data platform at Greenchoice). From a business perspective, we continuously and substantially improved the conversion flow for new energy contract sign-ups and eco-friendly product sales (such as solar panels and heat pumps), implementing and refining crucial conversion funnels. This not only bolstered Greenchoice's sales objectives but also reinforced its commitment to sustainable energy solutions.

Biggest Challenge

The primary challenge was transitioning from a legacy codebase that utilised jQuery to modern micro frontends with Vue 3 while running a high demand (1 mil visits per month) website. This move was crucial for handling complex logic and business-critical functionalities in a more robust, maintainable, and scalable framework. Collaborating closely with backend developers and other team members, we successfully migrated the conversion funnels to Vue 3, enhancing the site's reliability and our ability to quickly address any issues.

What I've Learned

This extensive engagement with Greenchoice's website project significantly deepened my understanding of agile development practices, stakeholder management, and customer-centered innovation. Working within a Product Trio, alongside a designer and product owner, I gained invaluable insights into continuous discovery and the practical application of customer research in a scum cadence. Additionally, the project provided a hands-on experience with transitioning to modern development frameworks and initiating the groundwork for a future migration to Nuxt 3.

Hard Skills

• Vue 3
• Scrum / Agile Methodologies
• Customer Data Platforms for personalisation (Exponea)
• HTML / JS / SCSS
• Design System Development
• Conversion Funnel Optimisation
• Google Analytics (GTM, Universal analytics, later GA4)
• Hotjar

Soft Skills

• Stakeholder Management: Balancing diverse interests within a large organization while keeping the focus on customer value.
• Collaborative Innovation: Working closely with designers and product owners to continuously discover and implement new customer value.
• Agile Leadership: Leading by example in an agile environment, guiding the team through significant technological and strategic shifts.