← Todos los proyectos

Goalcast

Desktop · Móvil · UI · UX · Editorial · Medios · CMS · SEO
Goalcast

Resumen

Goalcast es una de las principales plataformas de medios inspiracionales y publica videos cortos, frases y artículos largos sobre crecimiento personal, resiliencia y motivación. Su contenido llega a millones de lectores y espectadores cada mes, en la web, en YouTube y en redes sociales.

El proyecto fue el rediseño editorial completo del sitio de Goalcast, entregado cuando yo estaba en el equipo de diseño de RebelMouse. El objetivo era modernizar la marca, hacer más rápido el descubrimiento de contenido y dar a cada formato editorial (artículos, frases y videos) su propia plantilla, pensada para generar interacción y ser compartida.

Mi Rol

Fui el diseñador UX/UI del proyecto de Goalcast en RebelMouse. Me encargué del lenguaje visual, del nuevo sistema de marca, de las plantillas responsivas de cada formato editorial y del modelo de interacción de la navegación, la búsqueda y el descubrimiento de contenido.

Trabajé directamente con el equipo de ingeniería de RebelMouse para que cada pantalla saliera limpia, rápida y lista para el CMS, y con el equipo editorial de Goalcast para ajustar las plantillas a la forma en que realmente publican.

Contribuciones Clave

  • Renovación de marca. Modernicé la identidad de Goalcast con una paleta de negro intenso, amarillo sol y verde azulado profundo. El resultado transmite optimismo y confianza sin perder la credibilidad editorial que la marca había construido.
  • Plantillas editoriales. Diseñé plantillas propias para los tres formatos que mueven a Goalcast: artículos, artículos de frases y artículos en video. Cada una está pensada para la forma en que ese formato se lee y se comparte.
  • Home y páginas de sección. Rehice la home y las páginas de sección con una cuadrícula modular de contenido, para que los editores destaquen historias, publicaciones recientes y videos exitosos sin tocar código.
  • Experiencia de descubrimiento. Rediseñé la página de búsqueda, el menú y las páginas de autor, para que el lector cambie de tema, formato y autor en uno o dos clics.
  • Centro de videos. Creé una sección de videos y una plantilla de artículo en video que tratan el video como contenido principal, y no como un video insertado en la barra lateral. Esto es clave para una marca que crece con videos cortos.
  • Páginas de apoyo. Incluí los detalles que la mayoría de los rediseños olvida: una página 404 amigable y una página de prensa, ambas coherentes con el resto del sistema.
  • Responsivo desde el inicio. Cada plantilla se diseñó primero para móvil, junto con su versión de escritorio. Por el tráfico de Goalcast, es en el móvil donde la mayoría de los lectores conoce la marca.
  • Entrega lista para el CMS. Entregué el diseño en una estructura que la plataforma de RebelMouse podía implementar sin ajustes, y la publicación siguió siendo rápida para el equipo editorial de Goalcast.
Guía de Estilo

Paletas de Colores

#000000
#FFD200
#006B7B
#F2F2F2
#FFFFFF
Paletas de Color del Texto
#000000
#555555
#8E8E8E
Tipografía

Reach your goals.

EjemploFamiliaPesoTamañoLineUse
Reach your goals.IBM Plex Sans Cond.Bold64px68pxH1
Reach your goals.IBM Plex Sans Cond.SemiBold40px44pxH2
Reach your goals.InterMedium24px32pxLead
Reach your goals.InterRegular17px26pxBody
Móvil / Inicio
Hecho en Figma
Diseño de joaomob
Propiedad de RebelMouse
Créditos