Zeitgeist 0→1

MVP launch of an interactive workshop platform with live polls and instant data visualisation, known as ‘Zeitgeist’.

Images Above - Final designs of Zeitgeist’s facilitator dashboard, built so a facilitator can manage the participants and content easily and at-a-glance. I created these in Figma.

Overview

I was brought into Nesta’s in-house startup to create its very first digital product, ‘Zeitgeist’. Working alongside one Senior Developer as a heroic duo, we went from a blank sheet to MVP launch within 4 months. In the 2.5 years since, the product has now scaled significantly, generating over £1.5million in contract value, and serving high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

​

This case study covers the journey from 0 to 1. Separate case studies cover the product scaling, and specific features launches.

My Role

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Core Team

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Timeline

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Methods

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Tools

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

  • Impacts over 2.5 years

  • Over

    £1.5 million

    of contract value generated through product sales

    Has been used for over

    +200 workshop sessions,

    attended by

    ~1500 people.

    Used by high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

The Challenge

Nesta's startup team were making its first foray into creating digital products and services, and had never built a digital product before. The founding team had thoroughly researched the market gap, and had then hired two people to build it: me as the lead product designer and one senior engineer. We had four months to launch a working MVP.

​

The gap Zeitgeist was to fill was the need for organisations to run workshop series where hundreds of people from different backgrounds could learn about and discuss some of life’s most complex topics, topics that can’t be figured out with a survey, or a few focus groups. What was missing was a tool that combined the depth of a focus group, along with the breadth of a survey, and scaled to hundreds of people.

​

Before Zeitgeist, organisations had to stitch tools together themselves: Zoom (or similar) for the conversation, Mentimeter for the polls, Powerpoint for the educational slides... And once the workshops were over, the researchers had to pull together all these different pieces.

​

Zeitgeist aimed to bring together these functions into one tool that could run live polls, visualise the room’s thinking in real time, give facilitators proper controls, show video and visuals in the session, and record and analyse the discussion, both online and in person.

Image Above - A selection from the suite of polling questions designed so participants can answer questions in interesting, interactive ways. My final designs, created in Figma.

How it came together

Leave no user group behind

While the founding team had thoroughly researched the market gap, and had then hired me to design the product, nobody had considered the different user journeys required to make this work. This covered three varied groups with different needs: the facilitators running the workshops, the researchers analysing the output, and the workshop participants attending the sessions.

​

Four months didn’t allow for a full research programme, so I opted for a fast, targeted research approach. I created detailed user journey maps for all three groups, mapping every task, goal and need I believed they had. I then ran rapid, practical workshops with real facilitators, researchers, and participants, where we completed the journey maps together, validated or discarded every hypothesis, and prioritised the remaining items. These top priorities became the MVP scope.

Image Above - Myself facilitating an early test session, next to my Facilitator Journey Map which I created in Miro.

Designing at pace, in step with Engineering

The Engineer couldn’t sit around waiting for me to finish the designs before he started the build, so I worked in a way he could start straight away. I did this by being strategic about what functionality I could be sure of based on my design experience, and what needed prototyping and testing with users before build. I designed the simplest functionality upfront, thereby releasing him to start building, whilst I then did further user testing around the more complex user journeys.

​

I ran two simulated workshops, each with one facilitator and 12 participants, a mix of colleagues and friends from outside the team. Two key findings from testing changed the product:

  • Change number 1

    Participants needed longer than we thought to digest and discuss complex content, so I built in bitesize snippets of short videos and explainer images that could be scattered throughout the workshop.

    ​

    Image below - A workshop paricipant watching a short explainer video.

  • Change number 2

    Facilitators had to keep a handle of a lot of different things whilst still listening to the room. So I designed a dashboard with a clear information architecture to allow them to find the information they needed quickly.

    ​

    Image below - An early, low-fidelity wireframe of a facilitator dashboard. Designed in Figma.

Making hard calls... no mobile view for launch

Creating a mobile view where a user can partake in an online, interactive workshop alongside 12 other people is hard and time-consuming, both from a design and build perspective. I had to make the decision whether we could drop this aspect from the MVP launch, or whether it was just too critical.

​

I worried that not catering for mobile-only-users would exclude key groups, or make the product seem too basic to sell. To test this, I created rapid, low-fidelity prototypes of a mobile workshop experience to test. I found that, due to the screen size limitations, participants couldn’t see the other attendees so well, and found it harder to partake in the interactive elements. Their experience was better all-around when using a larger screen. So we decided to prioritise a more stable MVP that offered a better user experience, over wider device support.

​

Until the mobile experience was built, we solved this issue with a service built into client budgets where we hired tablets, sent them to participants who needed them, helped them get set up, and collected the tablets afterwards.

Image Above - A team testing session, showing the optimum experience on laptop, as opposed to mobile.

Getting the first client live

The MVP launched after 4 months, simple but stable, on tablets and laptops. Researchers could build bespoke workshops for each client and group, with their own content and questions.

​

Immediately after launch, we prepared the first client's workshops. That meant technical deep dives with the client teams, content design for a non-expert audience, and shooting the videos, and building the workshop.

​

First Client: Southend City Council

Workshop Requirements: 45 workshops with 281 participants

Participant post-workshop survey results:

  • Average enjoyment 9.2/10
  • 98% said it was a good way to engage
  • 4 out of 5 felt more informed afterwards

Images Above - Photos of the first client sessions (shared with permission).

Reflections

AI tools have moved on a lot since we launched Zeitgeist in 2024. If I was to do the project again today, here is what I would do differently:

​

  • Prototype straight into code using AI tools such as VS code, which would speed up the designer-to-developer handoff, as well as creating more lifelike prototypes for users to test.
  • I would use AI to help synthesise my user research findings, clustering anonymised research notes and surfacing recurring themes.
  • I’d build a lightweight design system from the start, which is now much easier with newly-released AI models to help tokenise the finalised components. As it was, under the four-month deadline I designed screens without a design system, and retrofitted it later which was an arduous job.

What happened next

  • Built the design system and built an AI-powered workflow so I could ship design changes straight to production.
  • Added additional facilitator features for managing workshops, such as being able to mute participants, and to invite a supporting facilitator.
  • Improved the participant onboarding flow by adding connection and device checks upfront, building out the troubleshooting guide so participants could solve simple issues themselves, and improving the customer service support for those with persistent problems.
  • Expanded the product functionality to support non-English languages.
  • Ran workshops for several clients including Google DeepMind, the UK Humanitarian Innovation Hub, and the Department for Science, Innovation and Technology.
  • The mobile experience remained deprioritised because after launch we found that the experience we’d built was holding up well and wasn’t excluding key groups. There were always higher-value priorities which we focussed on, as listed above.

Next Case Study

Zeitgeist 0→1

MVP launch of an interactive workshop platform with live polls and instant data visualisation, known as ‘Zeitgeist’.

Images Above - Final designs of Zeitgeist’s facilitator dashboard, built so a facilitator can manage the participants and content easily and at-a-glance. I created these in Figma.

Overview

I was brought into Nesta’s in-house startup to create its very first digital product, ‘Zeitgeist’. Working alongside one Senior Developer as a heroic duo, we went from a blank sheet to MVP launch within 4 months. In the 2.5 years since, the product has now scaled significantly, generating over £1.5million in contract value, and serving high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

​

This case study covers the journey from 0 to 1. Separate case studies cover the product scaling, and specific features launches.

My Role

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Core Team

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Timeline

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Methods

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

Tools

Lead Product DesignerSole designer, owning the whole experience: UX, UI, information architecture, product branding, user research, content design, testing and launch

  • Impacts over 2.5 years

  • Over

    £1.5 million

    of contract value generated through product sales

    Has been used for

    +200 workshop sessions,

    attended by

    ~1500 people.

    Used by high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

The Challenge

Nesta's startup team were making its first foray into creating digital products and services, and had never built a digital product before. The founding team had thoroughly researched the market gap, and had then hired two people to build it: me as the lead product designer and one senior engineer. We had four months to launch a working MVP.

​

The gap Zeitgeist was to fill was the need for organisations to run workshop series where hundreds of people from different backgrounds could learn about and discuss some of life’s most complex topics, topics that can’t be figured out with a survey, or a few focus groups. What was missing was a tool that combined the depth of a focus group, along with the breadth of a survey, and scaled to hundreds of people.

​

Before Zeitgeist, organisations had to stitch tools together themselves: Zoom (or similar) for the conversation, Mentimeter for the polls, Powerpoint for the educational slides... And once the workshops were over, the researchers had to pull together all these different pieces.

​

Zeitgeist aimed to bring together these functions into one tool that could run live polls, visualise the room’s thinking in real time, give facilitators proper controls, show video and visuals in the session, and record and analyse the discussion, both online and in person.

Image Above - A selection from the suite of polling questions designed so participants can answer questions in interesting, interactive ways. My final designs, created in Figma.

How it came together

Leave no user group behind

While the founding team had thoroughly researched the market gap, and had then hired me to design the product, nobody had considered the different user journeys required to make this work. This covered three varied groups with different needs: the facilitators running the workshops, the researchers analysing the output, and the workshop participants attending the sessions.

​

Four months didn’t allow for a full research programme, so I opted for a fast, targeted research approach. I created detailed user journey maps for all three groups, mapping every task, goal and need I believed they had. I then ran rapid, practical workshops with real facilitators, researchers, and participants, where we completed the journey maps together, validated or discarded every hypothesis, and prioritised the remaining items. These top priorities became the MVP scope.

Image Above - Myself facilitating an early test session, next to my Facilitator Journey Map which I created in Miro.

Designing at pace, in step with Engineering

The Engineer couldn’t sit around waiting for me to finish the designs before he started the build, so I worked in a way he could start straight away. I did this by being strategic about what functionality I could be sure of based on my design experience, and what needed prototyping and testing with users before build. I designed the simplest functionality upfront, thereby releasing him to start building, whilst I then did further user testing around the more complex user journeys.

​

I ran two simulated workshops, each with one facilitator and 12 participants, a mix of colleagues and friends from outside the team. Two key findings from testing changed the product:

  • Change number 1

    Participants needed longer than we thought to digest and discuss complex content, so I built in bitesize snippets of short videos and explainer images that could be scattered throughout the workshop.

    ​

    Image below - A workshop paricipant watching a short explainer video.

  • Change number 2

    Facilitators had to keep a handle of a lot of different things whilst still listening to the room. So I designed a dashboard with a clear information architecture to allow them to find the information they needed quickly.

    ​

    Image below - An early, low-fidelity wireframe of a facilitator dashboard. Designed in Figma.

Making hard calls... no mobile view for launch

Creating a mobile view where a user can partake in an online, interactive workshop alongside 12 other people is hard and time-consuming, both from a design and build perspective. I had to make the decision whether we could drop this aspect from the MVP launch, or whether it was just too critical.

​

I worried that not catering for mobile-only-users would exclude key groups, or make the product seem too basic to sell. To test this, I created rapid, low-fidelity prototypes of a mobile workshop experience to test. I found that, due to the screen size limitations, participants couldn’t see the other attendees so well, and found it harder to partake in the interactive elements. Their experience was better all-around when using a larger screen. So we decided to prioritise a more stable MVP that offered a better user experience, over wider device support.

​

Until the mobile experience was built, we solved this issue with a service built into client budgets where we hired tablets, sent them to participants who needed them, helped them get set up, and collected the tablets afterwards.

Image Above - A team testing session, showing the optimum experience on laptop, as opposed to mobile.

Getting the first client live

The MVP launched after 4 months, simple but stable, on tablets and laptops. Researchers could build bespoke workshops for each client and group, with their own content and questions.

​

Immediately after launch, we prepared the first client's workshops. That meant technical deep dives with the client teams, content design for a non-expert audience, and shooting the videos, and building the workshop.

​

First Client: Southend City Council

Workshop Requirements: 45 workshops with 281 participants

Participant post-workshop survey results:

  • Average enjoyment 9.2/10
  • 98% said it was a good way to engage
  • 4 out of 5 felt more informed afterwards

Images Above - Photos of the first client sessions (shared with permission).

Reflections

AI tools have moved on a lot since we launched Zeitgeist in 2024. If I was to do the project again today, here is what I would do differently:

​

  • Prototype straight into code using AI tools such as VS code, which would speed up the designer-to-developer handoff, as well as creating more lifelike prototypes for users to test.
  • I would use AI to help synthesise my user research findings, clustering anonymised research notes and surfacing recurring themes.
  • I’d build a lightweight design system from the start, which is now much easier with newly-released AI models to help tokenise the finalised components. As it was, under the four-month deadline I designed screens without a design system, and retrofitted it later which was an arduous job.

What happened next

  • Built the design system and built an AI-powered workflow so I could ship design changes straight to production.
  • Added additional facilitator features for managing workshops, such as being able to mute participants, and to invite a supporting facilitator.
  • Improved the participant onboarding flow by adding connection and device checks upfront, building out the troubleshooting guide so participants could solve simple issues themselves, and improving the customer service support for those with persistent problems.
  • Expanded the product functionality to support non-English languages.
  • Ran workshops for several clients including Google DeepMind, the UK Humanitarian Innovation Hub, and the Department for Science, Innovation and Technology.
  • The mobile experience remained deprioritised because after launch we found that the experience we’d built was holding up well and wasn’t excluding key groups. There were always higher-value priorities which we focussed on, as listed above.

Next Case Study

Zeitgeist 0→1

MVP launch of an interactive workshop platform with live polls and instant data visualisation, known as ‘Zeitgeist’.

Images Above - Final designs of Zeitgeist’s facilitator dashboard, built so a facilitator can manage the participants and content easily and at-a-glance. I created these in Figma.

Overview

I was brought into Nesta’s in-house startup to create its very first digital product, ‘Zeitgeist’. Working alongside one Senior Developer as a heroic duo, we went from a blank sheet to MVP launch within 4 months. In the 2.5 years since, the product has now scaled significantly, generating over £1.5million in contract value, and serving high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

​

This case study covers the journey from 0 to 1. Separate case studies cover the product scaling, and specific features launches.

My Role

Lead Product Designer. Sole designer, owning the whole end-to-end process.

Core Team

One Senior Engineer (plus researchers and facilitators inputting at key points).

Timeline

4 months from blank sheet to MVP launch. Launched in spring 2024.

Methods

Product design, UX design, UI design, qualitative research, user-story mapping, workshops, rapid prototyping, user testing.

Tools

Figma, Miro, VS Code

  • Impacts over 2.5 years

  • Over

    £1.5 million

    of contract value generated through product sales

    Has been used for

    +200 workshop sessions,

    attended by

    ~1500 people.

    Used by high-profile clients including Google DeepMind, The Department for Science, Innovation and Technology (DSIT), and The Information Commissioner’s Office (ICO).

The Challenge

Nesta's startup team were making its first foray into creating digital products and services, and had never built a digital product before. The founding team had thoroughly researched the market gap, and had then hired two people to build it: me as the lead product designer and one senior engineer. We had four months to launch a working MVP.

​

The gap Zeitgeist was to fill was the need for organisations to run workshop series where hundreds of people from different backgrounds could learn about and discuss some of life’s most complex topics, topics that can’t be figured out with a survey, or a few focus groups. What was missing was a tool that combined the depth of a focus group, along with the breadth of a survey, and scaled to hundreds of people.

​

Before Zeitgeist, organisations had to stitch tools together themselves: Zoom (or similar) for the conversation, Mentimeter for the polls, Powerpoint for the educational slides... And once the workshops were over, the researchers had to pull together all these different pieces.

​

Zeitgeist aimed to bring together these functions into one tool that could run live polls, visualise the room’s thinking in real time, give facilitators proper controls, show video and visuals in the session, and record and analyse the discussion, both online and in person.

Image Above - A selection from the suite of polling questions designed so participants can answer questions in interesting, interactive ways. My final designs, created in Figma.

How it came together

Leave no user group behind

While the founding team had thoroughly researched the market gap, and had then hired me to design the product, nobody had considered the different user journeys required to make this work. This covered three varied groups with different needs: the facilitators running the workshops, the researchers analysing the output, and the workshop participants attending the sessions.

​

Four months didn’t allow for a full research programme, so I opted for a fast, targeted research approach. I created detailed user journey maps for all three groups, mapping every task, goal and need I believed they had. I then ran rapid, practical workshops with real facilitators, researchers, and participants, where we completed the journey maps together, validated or discarded every hypothesis, and prioritised the remaining items. These top priorities became the MVP scope.

Image Above - Myself facilitating an early test session, next to my Facilitator Journey Map which I created in Miro.

Designing at pace, in step with Engineering

The Engineer couldn’t sit around waiting for me to finish the designs before he started the build, so I worked in a way he could start straight away. I did this by being strategic about what functionality I could be sure of based on my design experience, and what needed prototyping and testing with users before build. I designed the simplest functionality upfront, thereby releasing him to start building, whilst I then did further user testing around the more complex user journeys.

​

I ran two simulated workshops, each with one facilitator and 12 participants, a mix of colleagues and friends from outside the team. Two key findings from testing changed the product:

  • Change number 1

    Participants needed enough time to digest and discuss complex content, so I built in bitesize snippets of short videos and explainer images that could be scattered throughout the workshop.

    ​

    Image below - A workshop participant watching a short explainer video.

  • Change number 2

    Facilitators had to keep a handle of a lot of different things whilst still listening to the room. So I designed a dashboard with a clear information architecture to allow them to find the information they needed quickly.

    ​

    Image below - An early, low-fidelity wireframe of a facilitator dashboard. Designed in Figma.

Making hard calls... no mobile view for launch

Creating a mobile view where a user can partake in an online, interactive workshop alongside 12 other people is hard and time-consuming, both from a design and build perspective. I had to make the decision whether we could drop this aspect from the MVP launch, or whether it was just too critical.

​

I worried that not catering for mobile-only-users would exclude key groups, or make the product seem too basic to sell. To test this, I created rapid, low-fidelity prototypes of a mobile workshop experience to test. I found that, due to the screen size limitations, participants couldn’t see the other attendees so well, and found it harder to partake in the interactive elements. Their experience was better all-around when using a larger screen. So we decided to prioritise a more stable MVP that offered a better user experience, over wider device support.

​

Until the mobile experience was built, we solved this issue with a service built into client budgets where we hired tablets, sent them to participants who needed them, helped them get set up, and collected the tablets afterwards.

Image Above - A team testing session, showing the optimum experience on laptop, as opposed to mobile.

Getting the first client live

The MVP launched after 4 months, simple but stable, on tablets and laptops. Researchers could build bespoke workshops for each client and group, with their own content and questions.

​

Immediately after launch, we prepared the first client's workshops. That meant technical deep dives with the client teams, content design for a non-expert audience, and shooting the videos, and building the workshop.

​

First Client: Southend City Council

Workshop Requirements: 45 workshops with 281 participants

Participant post-workshop survey results:

  • Average enjoyment 9.2/10
  • 98% said it was a good way to engage
  • 4 out of 5 felt more informed afterwards

Images Above - Photos of the first client sessions (shared with permission).

Reflections

AI tools have moved on a lot since we launched Zeitgeist in 2024. If I was to do the project again today, here is what I would do differently:

​

  • Prototype straight into code using AI tools such as VS code, which would speed up the designer-to-developer handoff, as well as creating more lifelike prototypes for users to test.
  • I would use AI to help synthesise my user research findings, clustering anonymised research notes and surfacing recurring themes.
  • I’d build a lightweight design system from the start, which is now much easier with newly-released AI models to help tokenise the finalised components. As it was, under the four-month deadline I designed screens without a design system, and retrofitted it later which was an arduous job.

What happened next

  • Built the design system and built an AI-powered workflow so I could ship design changes straight to production.
  • Added additional facilitator features for managing workshops, such as being able to mute participants, and to invite a supporting facilitator.
  • Improved the participant onboarding flow by adding connection and device checks upfront, building out the troubleshooting guide so participants could solve simple issues themselves, and improving the customer service support for those with persistent problems.
  • Expanded the product functionality to support non-English languages.
  • Ran workshops for several clients including Google DeepMind, the UK Humanitarian Innovation Hub, and the Department for Science, Innovation and Technology.
  • The mobile experience remained deprioritised because after launch we found that the experience we’d built was holding up well and wasn’t excluding key groups. There were always higher-value priorities which we focussed on, as listed above.

Next Case Study