Web App
Session

Agenda

Show
Time!

Stage
Entertainment

Casper and Juliette created a proposal for Stage Entertainment in a WebApp. Let's have a look!

View proposal →

Schouten
Zekerheid

Kevin and Edward created a proposal for Schouten Zekerheid in a WebApp. Let's have a look!

View proposal →

How to set
it up?

What is
needed?

  • Claude
  • GitHub
  • Coolify

Steps

  1. 1 Set up repository in Github
  2. 2 Connect the repository to Claude
  3. 3 Create and adjust web-app in Claude via prompt
  4. 4 If ready, deploy with Coolify
  5. 5 Link can be shared!

How to make it
a success?

The pros & cons of using a web app instead of classic PowerPoint

Pros
  • Instant "wow" effect on clients
  • Modern & in line with the times
  • Interactive experience
  • Encourages internal sharing, feels innovative
  • Faster to adapt for new clients once the setup is right
Cons
  • Collaboration across branches is not straightforward
  • Requires a technical setup & some technical knowledge
  • Small changes can take disproportionate time
  • Prompt-based work can feel abstract or like "hot air"
  • Sharing can be tricky due to firewall limitations
  • Giving and incorporating feedback is less accessible
  • Less control & oversight over the output
  • Dependency on Claude
  • Harder to reuse earlier materials

What does it take to make web app proposals work?

1

A solid base

Build a reusable starting point, ADC-branded styles and a clear folder structure that can be picked up for every new proposal.

2

A clear framework

Define how to build a proposal end-to-end: how to use the base, how to collaborate, how to work with Claude, where to deploy, and where to save your files.

3

A strong base prompt

Write a well-structured base prompt that's easy to adapt for each client, keeping the process fast, consistent, and time-saving.

Closing

What do you think?

Tip
Pro tip
← → or click to navigate