Bioveris Lifecare
Pharma company website with a zero-backend lead pipeline
The production website for Bioveris Lifecare, a pharmaceutical manufacturer, live at bioverislifecare.com. Ten pages including a searchable 22-product catalog, therapeutic-area navigation, and three lead-capture forms that write straight into Google Sheets with zero server cost.
The Problem
A regional pharma company needed a credible web presence with a browsable product catalog and working lead capture, on a static-hosting budget, maintainable by non-engineers after handoff.
The Solution
A React 19 + Vite SPA on Tailwind v4 with all content externalized into data files, so the catalog and team pages update by editing arrays, not components. The three forms (contact, distributor applications, careers) POST to a Google Apps Script webhook that appends rows to a Google Sheet, a CRM-lite pipeline with no backend to host, secure, or pay for.
Architecture
- React 19 + Vite 7 SPA, Tailwind CSS v4, React Router v7, deployed on Firebase Hosting
- Content-as-data: products, therapeutic areas, team and jobs all live in src/data/ files
- Serverless forms: JSON POST → Google Apps Script webhook → Google Sheets
- Custom IntersectionObserver scroll-reveal and count-up hooks, no animation library
Challenges & How I Solved Them
Lead capture without a backend
Hosting a form server for a brochure site is waste. An Apps Script webhook turned Google Sheets into the client's CRM: they see every distributor application the moment it lands, in a tool they already use.
My Contributions
- Entire site: design implementation, catalog, forms pipeline, deployment
Impact
- Live in production at bioverislifecare.com
- Client manages leads in Google Sheets with zero hosting cost for forms
Lessons Learned
For client sites, the best backend is often none: matching the architecture to the client's real operating tools beats building infrastructure they'd have to maintain.