Building a Greener World with a Modern Client-Side Website

Badges Claimed: Client-Side Salsa, Feature Bombing, Crawler

(If you are impatient, scroll down to test it our yourself ⬇️)

We need a website for EcoCraft where the teachers can gather information about our event but also already learn more about sustainability. And most importantly, that’s where we want to embed the CI-J form to apply for the event.

For this, we built a modern, client-side Azure website. It’s a static site, which means it’s fast, responsive, and easy to maintain. This approach is widely used by large community events like ColorCloud, Scottish Summit, or CTTT and for good reason. Static sites scale well, load fast, and give users a smooth experience on any device.

And yes, we went all in here.

The EcoCraft website brings together many features on a single screen but they all belong there. Teachers, students, and interersted people don’t want ten different tools. They want one place that helps them understand and reduce their environmental impact.

On the site, users can:

  1. apply for an EcoCraft event using a Customer Insights – Journeys form
  2. calculate their monthly CO₂ footprint
  3. see a Power BI dashboard monitoring CO₂ emissions
  4. chat with a FAQ chatbot about CO₂ topics
  5. calculate travel emissions and see how to offset them
  6. classify waste using a simple waste guide
  7. switch between English and German #BratwurstAndBiskuits
  8. use a “salsa button” that neatly sorts and organizes all these features

(oh did we just count more than five features here that still feel coherent?)

PowerBI Report embedded
View all features (Salsa button)
The website is very responsive

Crawler: A search funtionality that actually fits the mission

Search is where things get interesting. Instead of using a traditional search engine, we integrated Ecosia directly into the website. If you haven’t heard about Ecosia, take a close look now: Ecosia is special for two reasons:

  1. It uses its revenue to plant trees
  2. It aligns perfectly with what EcoCraft stands for
Ecosia search embedded

By embedding Ecosia search, we solved a real business problem: Users can search the web for environmental topics without leaving the EcoCraft context and using a tool that actively supports sustainability.

Every search supports the idea behind our slogan: Build a greener world.

Try it our yourself: https://ecocraftwebsite.z6.web.core.windows.net/index.html

Oh and just by the way: We haven’t seen Björn so happy during the last days while creating this a-maz-ing site!