Origin Design

Caro Gutiérrez

Una marca personal hecha para abrir conversaciones con marcas.

Caro Gutiérrez es creadora de contenido en Medellín. Diseñamos y desarrollamos su web desde cero, con una identidad visual nueva, sus textos y animaciones interactivas, para reunir en un solo lugar su portafolio, su historia, sus cifras y sus redes.

Reto

Caro quería atraer colaboraciones con marcas, conseguir clientes y fortalecer su marca personal. Necesitaba un sitio propio que mostrara de un vistazo quién es, qué ha hecho y con qué audiencia cuenta, y que fuera fácil de encontrar en Google y en los buscadores con inteligencia artificial.

Solución

Una web que se recorre como su propia historia, con su retrato y su trabajo como protagonistas.

  • Identidad visual

    Tipografía de gran formato, una paleta cálida de naranjas y vinos, y su retrato en el centro de la portada.

  • Portada interactiva

    El retrato se revela con trazos de tinta que siguen el cursor; si nadie lo mueve, un cursor automático dibuja solo.

  • Trayectoria y portafolio

    Su historia año a año desde 2021 y sus videos ordenados en cuatro categorías: salud, turismo, gastronomía y belleza.

  • Media kit

    Sus cifras de Instagram y TikTok en una página propia, actualizada periódicamente con los datos de sus cuentas.

Experiencia

  • Trayectoria

    Cada año es una tarjeta que avanza con el scroll y se une a la siguiente con una línea.

  • Proyectos por categoría

    Las portadas de cada categoría se mueven solas; al abrir una, aparece su galería de videos.

Resultado

La web está publicada en carogutierrez.co, en español e inglés. Además del diseño, trabajamos su presencia en buscadores: datos estructurados que describen quién es y qué hace, mapa del sitio, un archivo de referencia para buscadores con inteligencia artificial y la verificación en Google Search Console.

Cómo está hecho

  • React y Vite: Interfaz rápida, construida por componentes.
  • GSAP y Lenis: Animaciones y desplazamiento suave.
  • Cloudflare Pages: Publicación y entrega de la web.
  • Google Analytics 4: Medición de visitas, solo si la persona acepta las cookies.
  • Datos estructurados y Search Console: Para que Google y los buscadores con IA entiendan quién es y qué ofrece.

Visitar web

Volver a proyectos