Case Study

Case Study: Samplify – Redefining Medical Sample Logistics with Jamstack & Tailwind

How Bayanata built Samplify’s high-performance medical logistics website using Eleventy, Tailwind CSS, and Vercel. Discover how Jamstack, security-first design, and SEO optimization power Samplify’s mission to transform healthcare logistics in Saudi Arabia.

Date

Read

alt

Case Study: Samplify – Redefining Medical Sample Logistics with Jamstack & Tailwind

Samplify is transforming medical sample logistics in Saudi Arabia.
Aligned with Saudi Vision 2030, Samplify ensures that every medical sample is transported with integrity, precision, and real-time visibility.

Bayanata partnered with Samplify to build a modern digital presence: a fast, secure, and SEO-optimized marketing site that reflects their healthcare innovation.


Project Goals

Samplify needed a site that could:

  • Build trust and credibility with labs and healthcare providers.
  • Communicate services clearly (real-time tracking, cold chain logistics, medical courier solutions).
  • Deliver exceptional performance and SEO results.
  • Scale efficiently without complex infrastructure.

Our Solution: A Jamstack-Driven Website

We built a fully static Jamstack site for speed, security, and scalability.

Technology Stack

  • Eleventy (11ty) – static site generator for flexible, fast builds.
  • Tailwind CSS – utility-first styling for responsive UI.
  • Nunjucks – templating language for reusable components.
  • Vercel – global edge deployment with automated CI/CD.
  • Node.js – runtime for builds and development tooling.

Explore Bayanata Software Solutions


Architecture & Deployment

  • Jamstack model: pre-rendered static HTML and assets, served via CDN.
  • Continuous deployment: every Git push triggers a Vercel build and global deployment.
  • Security headers: Content-Security-Policy, HSTS, and Permissions-Policy configured in vercel.json.
  • Zero server-side processing = reduced attack surface and seamless scaling.

UI/UX & SEO

  • Responsive, mobile-first design optimized for healthcare users.
  • Semantic HTML + JSON-LD metadata for structured SEO.
  • Accessibility-first approach (Lighthouse Accessibility: 100).
  • Integrated with Google Analytics and Google Search Console for monitoring.

Visit the live site: samplify.net


Technical Highlights

  • Lighthouse scores: 99 Performance, 100 Accessibility, 96 Best Practices, 100 SEO.
  • Fast load times: First Contentful Paint (0.3s), Largest Contentful Paint (0.6s).
  • Security-first approach: X-Frame-Options, CSP, and Strict-Transport-Security.
  • Resilient hosting: CDN-delivered, edge-optimized global performance.

Tradeoffs & Decisions

We evaluated technology choices with an engineer’s mindset:

  • Pros of Jamstack: unmatched performance, top-tier SEO, reduced attack surface.
  • Cons: limited personalization without client-side logic or third-party APIs.
  • Decision: optimize for marketing + awareness use case, not complex web apps.

This approach aligned perfectly with Samplify’s goals: credibility, discoverability, and trust.


Business Outcomes

The new Samplify website delivered measurable impact:

  • Enhanced reputation: a digital presence reflecting healthcare innovation.
  • Higher discoverability: optimized SEO improved rankings in healthcare logistics.
  • Future-proof foundation: static-first architecture ready for growth.
  • Regulatory alignment: compliance-focused, secure-by-default infrastructure.

Why Bayanata

At Bayanata IT Solutions, we translate complex requirements into business-ready platforms.

From Jamstack to Next.js to Laravel, we deliver:

  • Custom software solutions that scale /services/software-solutions.
  • Data recovery, backup, and IT maintenance for ongoing reliability.
  • Proven results with 500+ satisfied clients across Jordan and beyond.

Contact Bayanata to start your next digital transformation.


Frequently Asked Questions (FAQs)

What is Jamstack and why use it for healthcare websites?

Jamstack (JavaScript, APIs, Markup) pre-builds static pages for lightning-fast performance, security, and SEO — making it ideal for healthcare marketing sites.

How does Samplify guarantee safe medical sample transport?

Samplify uses temperature-controlled logistics, real-time tracking, and secure protocols to maintain integrity from collection to delivery.

Why was Vercel chosen for hosting?

Vercel provides global edge deployments, strong security headers, and automated builds, ensuring reliable uptime and fast access across Saudi Arabia.

Can the Samplify site scale as the business grows?

Yes. Static Jamstack sites are CDN-delivered and scale automatically with demand, with no need for extra infrastructure.


Conclusion

The Samplify case study demonstrates how the right technical choices — Eleventy, Tailwind CSS, and Vercel — can empower a healthcare innovator to build trust, visibility, and growth readiness.

Samplify now has a digital presence as modern and reliable as its logistics services.

👉 Explore Samplify | Learn more About Bayanata | See our Software Solutions

You might also be interested in...


Get in Touch

Need help? Contact us, and we'll get back to you quickly!