Case study

S-FoundationHealth-prevention foundation website

The website for S-Foundation, a charity combining aid, educational, health, sports, and cultural activities. The founders delivered the visual design - we handled the full implementation: a fast, responsive site (About, Statute, Activities, Team, and the Samed Health Day event) plus a custom CMS with a visual editor that lets the foundation manage content itself.

S-Foundation — Health-prevention foundation website
s-foundation.plReactViteTypeScriptReact Router
S-Foundation — Health-prevention foundation websiteLive in production
Starting point

S-Foundation focuses on health prevention, support for patients and their families, and educational, sports, and cultural initiatives.

The goal was to launch a professional website that strengthens the foundation's credibility, clearly presents its mission and activities, and makes it easy for donors and beneficiaries to reach out. Operational independence mattered just as much - the team had to be able to add news, people, and activities themselves.

Results
TurnkeyDelivery
Visual editorCMS panel
0+Site sections
What the build covered

Project
scope

Homepage

Homepage

The foundation's mission and areas of work stated up front.

See it live
How we built it

Key product decisions

Here the key outcome was the foundation's operational independence and the implementation's fidelity to the design. We judge success by how faithfully the design was implemented, how easily the team edits content on its own, and the stability and performance of the site in production.

Faithful to the client's design

The design came from the foundation - our job was to reproduce it precisely and turn it into a fast, accessible, responsive site with no visual compromises.

Custom CMS with a visual editor

Instead of a heavy third-party CMS, we built a lightweight panel matched to the site structure. The team edits content in a near-page view and publishes without technical knowledge.

Dynamic content on Supabase

Pages, activities, team profiles, and news live in Supabase, so growing the site with new entries needs no code changes.

SPA architecture with Vite

React with Vite delivered instant page transitions and a simple, maintainable codebase.

Outcome

Results

Hover a tile to see where the number comes from.

TurnkeyDelivery
Delivery

Full implementation of the delivered design - from frontend to admin panel

Turnkey
Visual editorCMS panel
CMS panel

The foundation manages content, team, and activities without a developer

Visual editor
0+Site sections
Site sections

About, Statute, Activities with detail pages, Team with profiles, and Samed Health Day

6+
DynamicContent
Content

Pages and entries backed by Supabase - extendable without code changes

Dynamic

Built on a stack we keep maintaining for years, not months

Request estimate
  • React
  • Vite
  • TypeScript
  • React Router
  • Supabase
  • Tailwind CSS
  • Docker
FAQ

Does this kind of project make sense for your organization?

This kind of delivery makes sense when you already have a design (or your own designer) and need a partner to implement it solidly and give you a panel to manage content yourself.

Yes. We often work with designs delivered by the client or their designer. We reproduce the design, take care of performance and accessibility, and add the technical layer, such as a CMS panel.

Have questions? Book a call.

Tell us about your project and we will come back with scope, timeline and a budget range within 24 hours.

Get in touch

Let us build
something just as solid