ROCÍO VILLALÓN ROCÍO V.

BioLink

Diseño y desarrollo de página web para empresa de avatares hiperrealistas.

[Link a la web]

Herramientas

  • Wordpress
  • Elementor Pro
  • Gemini
  • Claude
Imágenes del proyecto BioLink Imágenes del proyecto BioLink

Contexto

BioLink es un proyecto de diseño e implementación de web corporativa que redefine el concepto de conciliación laboral mediante la sátira distópica.


El objetivo del proyecto fue diseñar un ecosistema digital completamente funcional en WordPress con Elementor Pro que juegue en la fina línea entre el lujo tecnológico de vanguardia y el humor negro de Black Mirror.

Sitemap BioLink

El reto

El reto principal consistía en diseñar un sitio web de alta fidelidad que demostrara un dominio técnico en maquetación avanzada sin uso de plantillas, optimización del rendimiento SEO y adaptabilidad a cualquier tipo de pantalla.


También se diseñó toda la identidad corporativa, desde logotipo y estilos globales de color y texto, tono de la marca y copywriting, hasta la generación de un banco de imágenes propio mediante herramientas de IA (Gemini Pro).

UX BioLink

Solución

La web se construyó sobre un ecosistema ágil y optimizado. El pilar central es la implementación de Custom Post Types, permitiendo crear plantillas dinámicas totalmente automatizadas con Elementor Pro.


Se garantizó cumplimiento legal de la ley Política de Cookies, Aviso Legal y Política de Privacidad mediante formularios con casillas de privacidad desmarcadas por defecto y páginas informativas.


En cuanto a la accesibilidad, se comprobaron los contrastes de color texto-fondo, se utilizaron tipografías legibles y textos alternativos en las imágenes. Para asegurar una experiencia totalmente accesible, se añadió el widget OneTap, para permitir que el usuario modifique el diseño de la web al más adecuado para su experiencia personal.


Finalmente, la optimización SEO y el rendimiento se resolvieron integrando Rank Math SEO para la semántica e indexación, junto con herramientas avanzadas de caché y la conversión automatizada de imágenes a formato WebP para maximizar la velocidad de carga.

Resultado final BioLink

Concurso HeyGen

Como hito complementario en el desarrollo del proyecto, asistí al taller práctico HeyGen Meetup. Durante este taller, el desafío consistió en dominar y aplicar herramientas de Inteligencia Artificial para generar una pieza audiovisual completa en pocas horas. Aproveché la oportunidad para conceptualizar y producir el video promocional oficial de BioLink.


La pieza resultó ganadora del concurso del taller, validando el potencial de la marca y la viabilidad del flujo de trabajo híbrido con IA.