Go back

This project is password protected.

Hiring managers: if I've not yet shared the password with you, please let me know.

Designing a new B2B SaaS marketplace for UK energy

Prototyping to find product-market-fit, build key relationships, and laying the groundwork for an MVP.

Project summary

Over a six month period, I worked with Piclo's innovation lead, as well as colleagues from the wider energy industry, including UK government and Ofgem, to prototype and iterate on the vision for a new B2B SaaS product, designed to enable the trading of obligations to provide service in to various UK energy markets.

Hey! Mike here. Sorry to interupt. It's been fed back to me that this case study may be a little on the long side, which I agree with. I'll be republishing this in a more snackable format soon. 🙏

My role

Audience

UK-based energy providers and aggregators.

Problem

The UK's electricity grid is decarbonising as part of efforts to tackle climate change and move towards a more sustainable future. Companies that could provide greener power to the grid have been stymied in their efforts in part due to entrenched complexity, a fragmented ecosystem and low interoperability. This has had the effect of slowing the rate at which decarbonisation can happen.

Could the potential for growth be improved as a consequence of cutting through complexity?

In response to this incredibly large challenge, as part of a broader stream of innovation work, Piclo was awarded funding from UK Government and Innovate UK to develop an open and transparent marketplace enabling the trading of primary and secondary contracts. Our flagship SaaS product, Piclo Flex, was already tackling this head-on by enabling network operators to award primary local flexibility contracts at scale across their networks. But what about secondary trading? How could we leverage our market position and expertise to solve for this space too?

Ground-level

Through early conversations with potential end-users, we (myself and Piclo's innovation manager) learned that a key problem impacting secondary trading was a lack of visibility. Businesses needing to offload or wanting to procure certain types of second-hand contract had to rely on manual networking techniques such as calling or emailing peers from other organisations. This was slow and labour intensive, often leading to nothing happening at all. In addition, even if a successful trading partner was found, the process could fall down later for a variety of reasons, including:

We chose to focus on the visibility problem initially due to prior experience solving in this space with our flagship SaaS app, PicloFlex.

Early discovery

This was a large and challenging project. The following represents a selection of key design discovery artefacts that will show the development of the work up to the point whereby we decided to build an MVP.

A messy line that straightens out in the end. Representative of the design process
A mostly true representation of the project timeline.

High-level service area model

I decided to create a simple, yet powerful service area model to help the team align around some common terminology, and act as a way for us to chunk down design development. Think of this is a simple diagram that plots out the top level sections of what could become a more detailed service blueprint down the line.

Why?

A simple sketch detailing potential service areas for a new B2B SaaS app
Not entirely plucked out of the air - based on a build up of adjacent domain knowledge.

Establishing audience

Next, I spent some time with the team discussing various company archetypes that might be the most suitable customers to target for future research opportunities. We were considering the question: who might benefit most from our future secondary trading service, and why?

Within each, we also wanted to ensure we highlighted the different kinds of end users, their roles and potential concerns. You can only solve business problems by designing solutions for humans.

We were able to leverage experience and knowledge gained from building our current SaaS application, including prior research materials.

A sketch of a business archetype and two human personas.
Rough miro sketch of a key business archetype, and some human roles in that business, with real world examples.

In addition to the above, I also interviewed our in-house commercial team to understand, of all the energy markets available, which might be most lucrative to our audience? Something we would corroborate later via user interviews.

A simple sketch showing a depiction of a revenue stack
Sketch detailing an estimated revenue stack for a specific business archetype.

Scenario mapping

Next, I lead the team through some speculative scenario mapping. This was initially done in-person and then taken in to Miro for further updates and feedback from the wider team.

Why?

A scenario map detailing a speculative pathway a user might take through the future product.

Storyboarding

This was then adapted in to a storyboard, which I was able to use as a means to walk external stakeholders through what we were thinking. This was presented in-person to National Grid ESO at their headquarters in Warwick.

Why?

A closer look at individual steps in the aforementioned storyboard show indicative, yet low fi detail
A simple storyboard detailing high-level interaction detail and progress through the system

Prototyping

Following feedback on the above, I next chose to create an interactive prototype that went through several rounds of iteration based on continued feedback.

Why?

An animated gif showing 5 stages of early prototype development at a high-level

Zooming in a bit, I was able to leverage our existing component library to produce a mix of low to mid fidelity mockups. Within each prototype iteration we could vary the fidelity depending on our objectives (different audiences could provide feedback in different ways).

Screenshot of some low-fidelity UI detailing
Decidedly lower fidelity - the goal being to focus feedback on a specific interaction.

In the above, I was solving for a need to allow end-users to select specific parts of a contract to sell. For this type of contract, market rules allowed for certain windows of time to be transferred to another organisation. We didn't have a pre-existing pattern for this, so it made sense to focus on lower fidelity view for clarity and speed.

The next screenshot shows a higher fidelity view that we intended to use internally with senior management to re-affirm buy-in, as well as something we could use in sales decks with potential investors.

Screenshot of some higher-fidelity UI detailing
Higher fidelity - within the same prototype, leveraging existing UI components to sell the potential.

A major learning moment

At the outset of this post, I mentioned that we successfully identified a market vertical with potential for recurring revenue.

Initially, to this point, we had been focussed on a market called "STOR" or "Short Term Operating Reserve" - facilitated by National Grid ESO. This market was on the radar as we had some prior knowledge of it from earlier activities.

However, mid-way through the work we attended a webinar communicating business processes governing how National Grid ESO intended the market to work, which included the following slide:

A slide from a presentation given by National Gride ESO
Wish we'd seen this earlier.

For us to productise a secondary trading solution, we realised we'd need to take in to account the above market rules for transferring contracts between providers.

Moreover, we became concerned about the impact the rules would have on liquidity potential.

In response, alongside Piclo's innovation manager, I conducted some additional quant analysis of our existing customer base, after which we concluded that our hunch was correct. In some instances, we could see that there may only be 1 or 2 orgs that could trade with one another.

As a result, we decided to pause progressing design work for this specific market, and re-assess.

The key takeaway for us here was that we needed a better way to evaluate candidate markets before proceeding any further. We settled on the following (loosely held) factors:

An image showing a framework for making market decisions
Not en exact science - using the above criteria to help make better decisions.

After a short evaluation process we decided to change our focus to secondary trading within the UK Capacity Market for reasons as illustrated above.

Back on track

It was important to expedite adapting our research goals to focus on the new market vertical. Thankfully, at a high level what we wanted to learn was essentially still the same:

Goal ~Rationale
Understand the true value of secondary trading in the capacity market Helps build commercial confidence and assess viability
Understand how BAU works end to end Helps us get to know the status quo so we can see where we might innovate, and identify pain points
Understand specific market dynamics, terms, mental models Helps us build a service that's actually going to work for end users
Broad goals, for which we'd design questions to help with discovery.

Next, we could focus on gathering participants.

In the capacity market, participants are a matter of public record. We could look at public data and correlate this against our customer-base to select participants we already had good relationships with. We did this because we were finding feedback loops to be quite long, and getting a response from people we knew allowed us to iterate more quickly.

We could further shortlist participants by screening against some simple criteria.

An image illustrating choices made to select participants for feedback
Are they on the list? Are they relevant? What are the right questions to ask?

The remainder of our research process at this point would consist of qualitative interviews with 1-2 staff members from the businesses we'd identified.

To aid these sessions, I wrote a conversation guide containing key questions we'd like to ask all participants.

We'd spend 30mins in Q&A and then approximately 20-30mins focussing on a gathering feedback on the latest version of our prototype.

Prototyping the future

At this point we also an an important milestone approaching.

As part of the innovation funding requirements, we had to attend and present updates at regular check-ins with a panel comprising people from government, Ofgem, National Grid ESO, and elsewhere.

I was tasked with taking everything we had learned to this point and producing a prototype that could demonstrate a clear vision for the future.

High-level overview of a prototype
Version 1 - close, but not quite.

After showing this prototype to several colleagues to gather more feedback I determined that the prototype needed to do more to tell a clear story, not just of the key value-proposition, but to demonstrate what an end to end journey might look like, taking in to account solving for multiple challenges.

Not only that, but I'd made some UI choices that were also running counter to telling a clear story, and so decided to look to other platforms and services for inspiration.

An image showing key design details
Feedback suggested this wasn't clearly expressing the value-add of the project.
An image showing key design details
Looking at heavily optimised pricing comparison services helped to identify how we could tell a clearer story through our prototype.
An image showing key stages of a user journey
Then, breaking down our prototype in to clear and concise journey steps helped to orient viewers.
High-level overview of a prototype
The resulting prototype was more complex behind the scenes, but when presented to end-users and industry, communicated a much clearer proposition and vision.
An image showing key design details
The final contract listing screen.
An image showing key design details
I also prototyped a 'create new listing' flow to help illustrate our vision for a how we could enable the creation of listings beyond just one the market.
An image showing key design details
This included including some enhancements to our in-house form UX, which later made it's way back in to our main design system.

Wrapping up part 1

At this stage, myself and Piclo's innovation manager had:

  1. Worked through several stages of early discovery.
  2. Spent a lot of time gathering feedback internally at Piclo, from end-users and other businesses in energy using qualitative interview techniques.
  3. We'd experienced the need to pivot mid-way through, and made improvements to our process and thinking as a result.
  4. We'd iterated through multiple prototypes and learned a lot about what our product would need to get right in order to be successful.
  5. We'd developed strong relationships with end users with deep knowledge we could leverage to help improve our thinking.
  6. We'd presented a cohesive vision to an industry panel to help further the project and build up Piclo's reputation as an innovator and important industry player.

Key victories

Reflections

Next steps - validation

In line with overarching project milestones and requirements, we next wanted to take our prototype and build out an MVP that would allow us to perform some real-world end-to-end trades. The goal: validate the proposition and prove it's value - see part 2 of this project write-up.

Notes for hiring managers

Please note that all product screenshots and images of Figma, Miro, or other cloud-based work spaces are © Open Utility Ltd.