Poplab Logo

Youdera Solar Calculator

Background

Colla Studio, a design agency, was hired by Youdera – Swiss-based company specializing in solar energy solutions – to create their Photovoltaic Systems Calculator and Customer Dashboard. The company aimed to develop a comprehensive digital tool that would streamline the process of solar panel adoption for businesses. This initiative was part of Youdera’s strategy to create a more engaging and transparent customer experience, from initial lead generation to long-term system monitoring. We developed a customer dashboard where users can track the status and customize their solar panel solutions, providing a centralized platform for managing their solar energy journey. As an external consultant, I joined the project as a Product Designer with the task of designing the UX and conducting the Research phase and Product Discovery workshops.

Dark blue Youdera wordmark in bold lowercase lettering on a white background, with a clean modern style and a small period at the end.
Visit Website
Una web en español muestra una calculadora solar con el mensaje “Salva el planeta. Es donde viven tus clientes” y opciones de cubierta, parking y suelo.
Production

Challenge

The main challenge was to create a user-friendly, brandable configurator that could guide potential customers through the complex process of solar panel system design and installation. The tool needed to integrate seamlessly with Youdera’s existing systems, including their CRM and ERP, while providing a tailored experience for each user. Additionally, the configurator had to cater to a diverse range of users, from decision-makers to technical staff, across different levels of solar energy knowledge. The customer dashboard presented its own set of challenges, requiring intuitive design and functionality to allow users to effectively track and manage their solar panel projects

“We leveraged Poplab’s AI-powered configurator and custom Product Design services to transform complex solar flows into intuitive, gamified steps—adoption soared.”
— CTO, Youdera

A journey workshop board maps Youdera's solar calculator phases with sticky notes, pain points, ideas, and touchpoints across each step in columns.
User Journeys

Process

The development process began with a comprehensive workshop involving key stakeholders from Youdera and design experts. The team focused on creating detailed user personas, mapping the customer journey, and brainstorming functionalities. They prioritized features using a matrix to assess impact versus effort. The process emphasized a modular approach, allowing for flexibility in implementation and future enhancements. We developed interactive prototypes in Figma, which allowed for rapid iteration and feedback. Additionally, we conducted a comprehensive benchmark of Youdera’s competitors to ensure our solution would stand out in the market. Notably, the entire process was conducted remotely, showcasing our ability to collaborate effectively across distances.

“AI-enabled journey mapping and responsive UX audit tools slashed drop-off and built trust at every B2B and B2C touchpoint.”
— Product Manager, Youdera

Multiple Youdera solar calculator wireframes show a step-by-step dashboard flow across property details, energy use, and system customization visually.
Configurator Wireframes

Solution

The proposed solution was a multi-step configurator with an AI assistant named “Sol”. It featured a modular dashboard allowing non-linear navigation through property details, energy consumption profiling, system customization, and financing options. The configurator incorporated interactive elements, augmented reality for panel placement visualization, and gamification to enhance user engagement. The AI assistant was there to support the configuration process and respond to user queries, making the experience more intuitive and user-friendly. The customer dashboard enabled the customization of the solution and communication with Y-Tu at different stages of the process, up until the actual implementation of the solution, ensuring a seamless and transparent experience throughout the customer’s solar energy journey.

“Cross-functional AI prototyping with Poplab rapidly surfaced new pipeline drivers—their approach made scalable design and data-driven optimization a constant.”
— Head of Development, Youdera

Y-Tu customer portal shows property details for Kirchbühlstrasse 14 in Grindelwald, Switzerland, with reminders, solar expert Andy Smith, and a 50% progress bar.
Dashboard Wireframes

Learning

The project highlighted the importance of balancing technical complexity with user-friendly design in B2B software. It demonstrated the value of incorporating AI and interactive elements to simplify complex processes and enhance user engagement. The team learned the significance of flexibility in design, allowing users to navigate the configurator according to their preferences and available information.

A customer persona workshop board shows profile cards, personality sliders, and clustered sticky notes for pains and goals in a clean white layout.
Customer Personas

My contribution

As a key participant in the workshop, I contributed to developing user personas and mapping the customer journey. I played a crucial role in brainstorming and prioritizing features for the configurator. My insights helped shape the modular approach and the integration of AI assistance. I also emphasized the importance of real-time collaboration features and gamification elements to enhance user engagement and support decision-making processes. Additionally, I worked on the wireframes and the prototype for both the configuration tool and the customer dashboard, ensuring a cohesive and intuitive user experience across all aspects of the Y-Tu platform.

A Spanish solar configurator screen shows roof material choices, with Tejas selected for an estimated 172 m2 commercial building in Càjar, Spain.
User Interface
A solar calculator dashboard in Spanish shows a satellite map of Granada, Spain, plus energy estimates and a call-to-action panel.
User Interface

Trusted by AI startup founders & design leaders at product-led SaaS companies

The brands and organizations we’re privileged to work with.

Dark blue Mimecast wordmark stretches across a white background, with the clean lowercase lettering and trademark symbol set at the far right.
A blue X icon sits beside bold black Prohibition Partners lettering on a white background, creating a clean consultancy logo mark.
Bold Atalis wordmark in dark blue on a muted green background, with a stylized slash and oversized letters creating a modern tech look.
Grey and yellow LettsArt wordmark on a white background, with a clean modern font and the final letters in a warm orange tone for contrast.
Bold orange TKart wordmark sits beside a circular emblem on a green background, creating a clean identity for the karting magazine brand mark.
Black Geologie wordmark in serif lettering on a white background, creating a clean brand mark tied to men's skincare and digital design work.
A stylized Maistro wordmark appears on a muted green background, paired with a diagonal pastel icon and bold black lettering in clean modern lines.
Muted gray Aeonvis wordmark spans the frame, accented by two bright orange triangular marks against a matching gray background with clean spacing.
Navy blue Youdera wordmark in lowercase letters with a period, set against a clean white background for a simple, minimalist branded look overall.
solar panel configuration tool
LettsNews appears in large gray and black lettering on a dark background, echoing a clean editorial identity with a minimalist, modern feel.
solar panel configuration tool