Sitio web · Tienda online · Diseño

Diseño web, desarrollo de sitio web médico y tienda online para una clínica de varices

Venuarsts.lv: diseño web a medida y sitio web médico con solicitud de cita, servicios, precios y tienda online WooCommerce.

Página de inicio del sitio web de la Clínica de Venas del Dr. Juris Rīts con una ecografía de pierna y el botón «Pedir cita»

El reto

Venuarsts.lv es el sitio web médico con tienda online del flebólogo Juris Rīts; su diseño web y programación los realizó CREATING.LV, y el proyecto se entregó en 2026. El médico necesitaba una plataforma única y clara en la que el paciente encontrara fácilmente información sobre los servicios, los precios y las consultas, y pidiera cita sin comunicaciones innecesarias.

El doctor Juris Rīts atendía a pacientes en consulta y también realizaba visitas a domicilio, por lo que en el sitio web había que organizar la información sobre dónde y cómo se puede recibir una consulta. El médico ofrece además medias de compresión, así que el sitio necesitaba una tienda online con información clara sobre tallas y clases.

Nuestro papel

CREATING.LV se encargó tanto del diseño web como de la programación: desarrollamos un diseño a medida para el ámbito médico y un sitio web en WordPress con una tienda online WooCommerce para medias de compresión. Preparamos la tienda online para conectar servicios de pago y envío, y conectamos el formulario de cita con la administración de WordPress y el correo electrónico. Así, el contenido informativo, la solicitud de cita y la tienda online están en un mismo sitio.

Vistas del proyecto

Solicitud de cita

Se puede pedir cita desde varios puntos del sitio: el botón de cita está en la página de inicio, en la presentación del médico y en la página de servicios, y el formulario de cita se abre en una ventana aparte sobre fondo verde. El paciente no tiene que volver a la página de inicio ni buscar los datos de contacto: puede solicitar la cita en el mismo lugar donde lee sobre el médico o el servicio. El formulario tiene campos para nombre y apellidos, número de teléfono, correo electrónico y mensaje, además de una casilla para confirmar que el paciente ha leído la política de privacidad.

La solicitud enviada se guarda en la administración de WordPress y, al mismo tiempo, llega al correo electrónico. Así, la solicitud no se pierde entre otros correos y también se puede encontrar en la administración del sitio. El número de teléfono y el correo electrónico del paciente dan a la clínica dos formas de ponerse en contacto con él tras la solicitud, y en el campo de mensaje el paciente puede describir brevemente su consulta. Dado que en un sitio web médico el paciente puede mencionar en el mensaje también información relacionada con su salud, la casilla de aceptación de la política de privacidad es una parte esencial del formulario.

Servicios, precios y consultas

El sitio web contiene información estructurada sobre dónde atiende el médico, cómo se realizan las visitas a domicilio y qué servicios se prestan. Los servicios y los precios son fáciles de consultar, por lo que el paciente puede conocerlos antes de ponerse en contacto.

En la página de inicio, los servicios se agrupan en tarjetas, por ejemplo, diagnóstico, cirugía láser y escleroterapia. La página de servicios incluye una introducción, un botón de cita y la descripción de la consulta, y para las descripciones de los procedimientos se ha utilizado un diseño con imagen y puntos numerados que divide los textos largos en partes breves. En las vistas del proyecto también se ve la sección de cosmetología con imágenes de procedimientos y equipos.

Presentación del médico

Una sección aparte presenta al Dr. Juris Rīts, con una descripción, una galería de fotografías de los especialistas y un botón de cita. Antes de pedir cita, el paciente puede conocer al médico al que va a acudir.

El pie de página reúne los datos de contacto y el horario, y encima hay una franja de imágenes de Instagram. Así, los datos de contacto y el horario se ven al final de cada página, sea cual sea la sección que lea el paciente. El pie de página también tiene un menú con las secciones Servicios, Precios, Sobre nosotros, Contacto y Noticias, y la mención “Made by CREATING.LV”.

El sitio web médico desde el punto de vista del paciente

El recorrido típico por el sitio es breve:

  • en la página de inicio, el paciente encuentra en las tarjetas de servicios lo que necesita, por ejemplo, el diagnóstico;
  • en la página del servicio lee la introducción, la descripción de la consulta y las descripciones de los procedimientos;
  • consulta los precios, dónde atiende el médico y si es posible una visita a domicilio;
  • pide cita con el botón de cita en la misma página.

Quien se interesa por las medias de compresión pasa de la sección con tres clases al producto, la tabla de tallas y las indicaciones para tomar medidas. Por ahora, el médico utiliza la tienda online como catálogo: los productos se pueden elegir en el sitio, pero la venta y la entrega se realizan en persona.

Tienda online de medias de compresión

Con WooCommerce creamos una tienda online de medias de compresión y prestamos especial atención a la información práctica. Las tablas de tallas y las indicaciones para tomar medidas ayudan a orientarse en las tallas de los productos. En la sección de medias de compresión, los productos se muestran en tres clases con imágenes y descripciones.

Integraciones de pago y envío preparadas

La tienda online está preparada para conectar un servicio de pago: incluye integraciones con Citadele Klix, Everypay, Stripe y MakeCommerce. Cuál de ellos usar lo decide el cliente, y por ahora ninguno se utiliza para pagos online.

El sistema también tiene integraciones de envío listas con DPD, Omniva y Venipak, pero de momento el cliente ha optado por entregar los productos solo en persona. Si el médico decide empezar a vender por internet, no hay que rehacer la tienda: basta con elegir el método de pago y de envío entre los ya preparados. Hemos escrito más sobre soluciones de pago en el artículo Las integraciones de pago de WooCommerce más populares en Letonia.

Qué cambia el propio cliente

El cliente edita él mismo los servicios y el contenido de la tienda en WordPress: modifica las descripciones de los servicios, añade o corrige productos y actualiza su información. Puede publicar un nuevo servicio o producto sin ayuda del desarrollador. Como la parte informativa y la tienda online están en un mismo sitio WordPress, el contenido de servicios y productos se edita en una sola administración, no en dos sistemas separados.

Diseño y uso en el móvil

El diseño web a medida se ha creado para el ámbito médico. En la página de inicio hay una imagen de una exploración y un botón de cita. La maquetación distingue la información de las acciones: los botones de cita y el formulario están destacados, mientras que las descripciones de los servicios se organizan en tarjetas y puntos numerados. El diseño y la estructura se han pensado para que el sitio web médico sea cómodo de usar tanto en el ordenador como en dispositivos móviles.

Tecnologías

WordPress y WooCommerce; integraciones de pago preparadas con Citadele Klix, Everypay, Stripe y MakeCommerce e integraciones de envío con DPD, Omniva y Venipak.

WooCommerce es una extensión de WordPress, por lo que la tienda online utiliza el mismo diseño, menú y gestión de contenidos que el resto del sitio web.

Para quién es adecuada una solución así

Un sitio web de clínica de varices como este también es adecuado para otras consultas médicas y clínicas que necesitan en un mismo sitio información sobre servicios y precios, cita previa y un catálogo de productos relacionados con los servicios, por ejemplo, medias de compresión. Para una consulta es importante mostrar con claridad dónde y cómo pedir cita y situar la opción de cita en el mismo lugar donde el paciente lee sobre el servicio.

Si de momento los productos solo se venden en persona, el sitio web médico puede usar la tienda online como catálogo y activar el pago online y el envío más adelante. Qué incluyen el diseño web y la usabilidad se explica en la página diseño web y UX/UI.

Sitio web

Nota

El portfolio refleja la solución desarrollada en el momento de la entrega del proyecto. El sitio actual puede haber cambiado.

Contacto

Iniciar un proyecto

Describa su proyecto o su consulta — le responderemos y le propondremos la solución más adecuada.

Solicitud sobre: Solicitud general Cambiar

Opcional. Los nombres y precios se toman de nuestra lista de precios.

Opcional · un archivo · PDF, JPG o PNG · hasta 10 MB

obligatorio · Política de privacidad

Iniciar un proyecto

Describa su proyecto o su consulta — le responderemos y le propondremos la solución más adecuada.

Escríbanos por WhatsApp (se abre en una pestaña nueva)