Referencia Diagnóstica

A clinical laboratory website for Referencia Diagnóstica: reference analysis for partner labs and individual patients, with home sample collection in Guadalajara.

A laboratory site has to speak to two audiences at once — allied laboratories and private patients — without collapsing into a generic medical template.

Information architecture first: services, contact and trust signals in a hierarchy that holds on a phone. Motion (Framer Motion) is used for orientation, not decoration. The interface is a React and TypeScript application with a Tailwind design system.

A responsive public presence with brand typography, structured SEO, and a layout aimed at both partner labs and people booking studies — published as a complete frontend, not a brochure PDF.

The laboratory has a live, indexable web experience rather than an outdated template, with a stack that can keep growing as services change.