Virtus Aesthetic Academy

Formación en armonización orofacial

Migración de Wix a WordPress con un theme propio y widgets en PHP, pensados para rendir bien en Core Web Vitals.

Tipo: Rediseño y migración web
Estado: Publicado
Mi aporte: Arquitectura, diseño, desarrollo e integraciones
Año: 2025
Herramientas: Figma · WordPress · PHP · JavaScript · CRM y marketing

Hero oscuro de Virtus: titular «Aprende Armonización Orofacial de verdad» junto a fotografías de práctica clínica. — Fig. 01Sitio implementadoPrimer viewport en desktop.

01Resumen

Rediseño del sitio de Virtus Aesthetic Academy, academia de cursos intensivos de armonización orofacial para odontólogos y médicos. El sitio estaba en Wix y la academia quería migrar a WordPress: un sitio propio, más rápido y más fácil de hacer crecer, con cursos en Chile y Costa Rica.

Vista general del sitio completo, dividida en tres columnas. — Fig. 02Sitio implementadoLa home completa, en tres columnas que se leen de izquierda a derecha.

02Mi participación

Rol y alcance: Participé en todo el proceso: wireframe, estructura de contenidos, diseño en Figma, desarrollo del theme e integraciones.
Colaboración: Proyecto realizado en Agencia Böll.
Entregables: Wireframes y estructura de contenidos
Diseño UI en Figma
Theme de WordPress desde cero
Widgets propios en PHP
Formularios integrados a CRM y marketing

03El problema

Migrar no era copiar páginas: había que reordenar una oferta de cursos con fechas, docentes y países, transmitir práctica clínica real y, al mismo tiempo, dejar un sitio liviano.

Evitar la dependencia de plugins de terceros, que en WordPress suelen cargar código que la página no usa.

04Decisiones clave

Cada decisión se lee como necesidad → decisión → efecto. «Esperado» indica la intención de diseño, no un resultado medido.

Decisión 01

Fotografía clínica en movimiento en el hero

Necesidad: Respaldar la promesa «de verdad» del titular con evidencia de práctica real.
Decisión: Diseñé dos columnas de fotografías de los cursos en desplazamiento continuo junto al titular, cuyo degradado también cambia de color.
Efecto esperado: Transmitir actividad y práctica clínica sin agregar texto.

Fig. 03Sitio implementado · animaciónColumnas de fotografía en movimiento continuo y titular con degradado animado.

Decisión 02

Cursos organizados por país

Necesidad: Ofrecer cursos en dos países sin mezclar fechas ni sedes.
Decisión: Ubiqué un selector de país sobre el carrusel de cursos; todas las tarjetas comparten estructura: curso o docente, descripción, fechas y acceso al detalle.
Efecto esperado: Que cada visitante vea solo la oferta que le corresponde.

Carrusel de cursos con selector Chile y Costa Rica y tarjetas con curso, fechas y botón. — Fig. 04Sitio implementadoSelector de país sobre el carrusel.

Decisión 03

Widgets propios en lugar de plugins

Necesidad: Un sitio rápido, con buen desempeño en Core Web Vitals, que el equipo pudiera editar.
Decisión: Construí el theme desde cero y cada sección como widget propio en PHP, en vez de sumar plugins de terceros para carruseles, formularios o bloques.
Efecto esperado: Cargar solo el código que cada página necesita.

Bloque del programa destacado con título en degradado, afiche del curso, fechas y botón «Quiero inscribirme». — Fig. 05Sitio implementadoPrograma destacado: uno de los widgets editables del theme.

Otros detalles

Formulario «Contáctanos» con campos de nombre, profesión, teléfono, correo, curso de interés y comentario. — Fig. 06Sitio implementadoFormulario con profesión y programa de interés, integrado a CRM.

05Del diseño a la implementación

Partí por wireframes y la estructura de contenidos, diseñé en Figma y desarrollé un theme de WordPress desde cero.

Widgets propios en PHP para cada sección, sin plugins extra.
Hero animado, carrusel de cursos con selector de país, video, testimonios y preguntas frecuentes.
Formulario de contacto con selectores de profesión y programa, integrado a CRM y plataformas de marketing.

06Resultado y aprendizaje

Entregado: Sitio migrado de Wix a WordPress, con theme y widgets propios.
Observado: La academia administra su sitio en su propio WordPress, sin depender de plugins de terceros para las secciones principales.
Aprendizaje: Una migración es la mejor oportunidad para reordenar: empezar por el wireframe y no por copiar páginas cambió la estructura del sitio. Construir el theme desde cero da control real sobre el peso de cada página, algo que con plugins genéricos se pierde.