Laboratory validation & environmental testing website + inquiry system
2026
SYE (Sheng Yang Environmental Technology) is an environmental testing company for the pharmaceutical and biomedical fields, positioned as the "space experience specialist for pharma and biomedicine". SYE provides laboratory validation, cleanroom environmental testing, indoor air quality (IAQ) monitoring, water quality testing, occupational safety & health, and ESG environmental services. With 53 TAF-accredited items (all five categories passed), a MOENV testing agency license and the SNQ national quality mark, SYE serves hospitals, pharmaceutical plants and laboratories of all kinds (cleanrooms, negative-pressure labs, BSL-3, biosafety cabinets), under the brand promise "Data proves safety, expertise earns trust".
The frontend is built with Astro 6 SSR and Vue 3 Islands, presenting a deep-blue brand identity — "Invisible safety, guarded by us" — that conveys services compliant with ISO 17025/17020, NEBB, NSF/ANSI 49, ISO 14644 and PIC/S GMP standards, and reaches international clients through a fully bilingual architecture.
The backend runs on Laravel + GraphQL with an admin panel built on Filament. The four service pillars, case studies, certifications, news, page content and integrated inquiry inbox are all maintainable from the backend, deployed on Cloudflare Pages to fully support day-to-day testing operations.
Deep-blue gradient hero "Invisible safety, guarded by us" with a 2×2 service entry grid plus floating TAF accreditation and MOENV license cards to build professional trust
Laboratory operations, facility maintenance, occupational safety & health, and environment & ESG — service list and detail pages presenting test items and standards in full
Success stories across biomedical, manufacturing, and public sectors with quantified outcomes (e.g. 30 Class II BSCs validated in 4 weeks, HEPA leakage < 0.01%)
TAF accreditation, MOENV testing agency license, SNQ quality mark and more, with certificate detail pages backing up testing credibility
Cross-service consolidated inquiries written to the admin panel with sales notifications, shortening the quotation cycle
Technical article downloads and regulatory news publishing to establish industry thought leadership
Fully mirrored / and /en/ bilingual architecture with hreflang mapping to serve international clients
Services, cases, certifications, news, page content (PageContent) and inquiry inbox all maintainable from the admin panel — no engineer required for daily operations
The frontend is built with Astro 6 in server-side rendering (SSR) mode. Above-the-fold content is fetched from the backend and pre-assembled on the server, so SEO crawlers and social share previews always receive complete content. Interactive components use the Vue 3 Islands architecture with client:idle deferred hydration, prioritizing SEO output while keeping load performance excellent.
All data exchange between frontend and backend goes through GraphQL, with a Laravel backend and an ofetch-based API client on the frontend. Requests carry Content-Language and Time-Zone headers so services, cases, certifications and news respond correctly per locale and timezone. The type-safe schema keeps collaboration smooth and lets the frontend fetch exactly the fields it needs.
Bilingual routing is implemented with a localizeHref utility and a LocaleSwitcher component — / for Traditional Chinese and /en/ as a full English mirror — with hreflang tags output on every page. Backend content also supports bilingual fields, giving international clients a consistent reading experience.
The inquiry form supports consolidated cross-service submissions: clients can tick multiple testing needs at once and leave contact details. Data is written to the admin inquiry inbox via an API route with sales notifications, shortening the quotation cycle and preventing missed leads.
The admin panel is built with Filament, covering the four service pillars, case studies, certifications, knowledge base and news, and the inquiry inbox. A PageContent mechanism lets homepage copy be overridden from the backend, so the client can operate the site without engineering support.
Deployed to Cloudflare Pages via Wrangler for global CDN edge acceleration. Styling is managed with the Tailwind CSS 4 @theme design system for unified brand colors and spacing, and a built-in site search dialog helps visitors quickly find testing services and technical articles.
Laboratory validation and environmental testing is a trust-critical industry — clients always verify a testing body's accreditation scope and validity before making a decision. We organized the 53 TAF-accredited test items (passing all five categories), the MOENV testing agency license, and the SNQ quality mark into a dedicated certifications list with certificate detail pages, so prospects can verify credentials directly on the site instead of digging through PDFs, speeding up trust-building and inquiry conversion.
This project was completed in 2026, covering list and detail pages for the four service pillars (lab operations, facility maintenance, occupational safety & health, environment & ESG), case studies, a certifications section, a cross-service integrated inquiry form, full bilingual (mirrored / and /en/) architecture, and a sitewide Filament content management panel. A project at this scope — multi-category services, an inquiry system, bilingual support, and an admin panel — typically takes 10–14 weeks, depending on the number of service categories and the complexity of the backend fields.
This "cross-service checkbox inquiry, written to the admin panel with sales notifications" architecture fits B2B industries with diverse service lines where clients often need to ask about multiple items at once — testing and certification, engineering consulting, facility maintenance, and similar fields. The core inquiry form and Filament notification logic are designed to be reusable — swap in a different service taxonomy and the same foundation extends to other B2B professional service sites.
CONTACT US
Whether it's a corporate website, service catalog, inquiry inbox workflow, or a Filament admin panel, we can tailor the right solution for you.
Contact Us
