
Web Design / Vibe Coding / SEO / Brand Direction / Photography
Vetmedicyn — Ecosistema digital end-to-end, branding, fotografía y vibe coding para medicina veterinaria independiente
Liderazgo integral en estrategia de producto, naming, identidad de marca, fotografía original y desarrollo web (vibe coding) para Vetmedicyn: práctica veterinaria independiente en el Estado de México especializada en bienestar animal, atención clínica personalizada y consultas médicas a domicilio.
Cliente
Vetmedicyn
Industria
Animal Health / Veterinary Medicine
Ubicación
Estado de México, México
Año
2026
Duración
1 mes
Presupuesto
$4K USD
Rol
Creative Director / UI & Web Designer / Vibe Coder / Photographer
Plataformas
Responsive Website / Brand Ecosystem / Social Media
Herramientas
Figma / Astro / GSAP / Tailwind CSS / Photoshop / Lightroom / After Effects / Illustrator
Entregables
Web Design
Vibe Coding
Motion Design
Technical SEO
Accessibility
Naming
Brand Identity
Original Photography
Copywriting
Social Media Assets
Resumen del proyecto
Las prácticas veterinarias independientes suelen depender de recomendaciones de boca en boca, careciendo de una presencia digital profesional que proyecte verdadera autoridad clínica y confianza médica.
Vetmedicyn necesitaba una plataforma web clara, rápida y accesible que transformara la experiencia médica veterinaria en un recorrido digital confiable, cercano y empático para los dueños de animales de compañía. Ejecuté este proyecto como una intervención end-to-end en solo cuatro semanas. El diseño web y el código se desarrollaron como un único sistema integrado, combinando arquitectura de información, vibe coding con tecnologías web modernas, SEO técnico en español, pautas estrictas de accesibilidad, una identidad de marca cálida y una biblioteca fotográfica propia. El resultado es un sitio web de alto rendimiento, fácil de mantener, que profesionaliza la consulta y centraliza los servicios médicos de la práctica.
Diseño web responsivo y arquitectura de conversión (Web Design)
Diseñé una interfaz clara y estructurada en Figma para guiar al usuario desde la urgencia o consulta preventiva hasta la toma de contacto directa (vía telefónica, email o reserva de consulta a domicilio). • Arquitectura de oferta: Jerarquización visual clara de sus pilares clínicos: Consulta a domicilio, Desparasitación, Paquetes de vacunación y Cirugías. • Estrategia de retención: Integración orgánica de un embudo de suscripción al boletín médico animal, capturando leads cualificados mediante la promesa de consejos de cuidado veterinario y novedades de salud sin fricción en la interfaz.
Programación, SEO técnico y accesibilidad (Vibe Coding & SEO)
Eliminé la dependencia de plantillas pesadas escribiendo el código desde cero bajo una metodología de Vibe Coding, priorizando rendimiento web extremo y semántica impecable: • SEO Técnico & Local: Mapeo de intención de búsqueda regional en el Estado de México antes del desarrollo. Implementé marcado semántico HTML5, metadatos estructurados (Schema.org para VeterinaryCare), URLs canónicas, sitemaps, directivas robots y optimización avanzada de imágenes de próxima generación. • Accesibilidad Web (a11y): El sitio fue programado cumpliendo estándares de accesibilidad universal: soporte total para navegación por teclado, jerarquía estricta de encabezados, etiquetas ARIA claras, alto contraste visual y soporte nativo para reducción de movimiento (reduced motion).
Dirección de marca, naming y copywriting (Brand Direction)
Construí la identidad desde sus cimientos para proyectar cercanía, profesionalismo médico y amor por los animales. • Identidad visual: Creación del naming (Vetmedicyn®), el logotipo denominativo (wordmark), el isotipo de huella médica, la paleta de color clínica-cálida, la selección tipográfica, iconografía médica y las guías de estilo. • Tono y discurso: Redacción integral de contenidos (copywriting) bajo el lema estratégico "Cuidar, Tratar, Curar", comunicando empatía y claridad médica sin tecnicismos distantes.
Dirección de fotografía, retoque y motion design (Photography & Motion)
Para distanciar a Vetmedicyn de las imágenes de archivo genéricas (stock photos), asumí el rol de fotógrafo comercial: • Producción visual propia: Dirigí, fotografié y retoqué en Lightroom y Photoshop una biblioteca de imágenes originales, colocando a la doctora veterinaria y su vínculo real con los pacientes animales en el centro de la experiencia digital. • Identidad audiovisual: Extensión del sistema de marca mediante un logotipo animado en After Effects, microinteracciones en la interfaz web y piezas animadas (branded bumpers) optimizadas para la estrategia de contenidos en TikTok y redes sociales.
El resultado: un producto digital integral de alto impacto
Vetmedicyn se lanzó al mercado como una marca médica sólida, reconocible y digitalmente superior a su competencia local. La combinación de una web ultrarrápida, SEO técnico y una narrativa humana transparente incrementó la confianza de los clientes, optimizó la captación de consultas a domicilio y consolidó un canal de comunicación directo a través de su boletín de salud animal.
Nota de diseño
Asumí la responsabilidad total y ejecución directa de todo el ciclo de vida de este proyecto en una colaboración intensiva de un mes: investigación UX, diseño web, programación y desarrollo (vibe coding), SEO técnico, accesibilidad, naming, branding, redacción de contenidos (storytelling/copy), dirección fotográfica, retoque digital y motion design.
