Caso de estudio · College comunitario · Carolina del Norte
Fayetteville Technical Community College
El diseño visual para un college comunitario con más de 300 programas: una interfaz en negro y dorado con estudiantes reales en el centro y una paleta pensada para leerse bien.
Alcance de este caso: el diseño UX/UI, mi parte en el equipo. El proyecto completo, de la propuesta al lanzamiento, está en el caso completo en AndiSites.
El reto de diseño
FTCC atiende a recién graduados de secundaria, adultos que trabajan, veteranos y familias militares. Su sitio web se veía anticuado: una combinación de colores sin energía y fotos de banco que no mostraban ni a sus estudiantes ni a Fayetteville.
El diseño visual tenía que sentirse orgulloso, actual y claro para cada uno de esos estudiantes, en cualquier pantalla, y seguir siendo inconfundiblemente FTCC.
Lo que diseñamos en equipo
Mantuvimos la identidad de FTCC y le dimos una voz más segura y actual:
- Color. Negro, blanco y dorado como base, pizarra y plata como neutros fríos, y el azul con moderación, como acento.
- Tipografía. Source Sans 3 Bold para titulares y Source Serif 4 para etiquetas: una pareja abierta y firme que se lee bien en cualquier tamaño.
- Componentes. Tarjetas para programas, eventos y noticias, cada una con una foto, un título corto y un solo botón claro; botones de llamada a la acción; acordeones, y una barra de acceso rápido que se mantiene visible en el teléfono.
- Fotografía. Estudiantes y graduados reales de FTCC en lugar de imágenes de banco genéricas.
Estudiantes reales, orgullo real
El sitio de un college suele ser el primer lugar donde un futuro estudiante intenta imaginarse allí. El diseño le da ese momento a personas reales: los propios estudiantes y graduados de FTCC, en negro y dorado.
La página de inicio publicada abre con una graduada con toga y birrete, y cada tarjeta de programa empieza con una foto de personas trabajando en ese campo.
Resultados
Tras el lanzamiento, AndiSites reportó (se abre en una pestaña nueva, en inglés) un 16 % más de usuarios activos y un 31 % más de tiempo medio de interacción frente al año anterior, y más de 20.000 contactos generados a través del sitio en cuatro meses.
Decisiones de accesibilidad
- Texto negro sobre FTCC Gold: 11,6:1. El texto blanco sobre ese dorado daría 1,8:1, así que el dorado nunca lleva texto blanco.
- FTCC Blue solo como acento: con blanco llega a 3,3:1, suficiente solo para texto grande y en negrita. Las propias normas de marca de FTCC fijan la misma regla: negrita, 14 puntos o más.
- Pizarra y plata como neutros: blanco sobre pizarra da 7,4:1.
- Botones grandes y tarjetas que se apilan bien en el teléfono.
De la propuesta al sitio publicado
El sitio publicado conserva la dirección visual de la propuesta: negro y dorado, titulares en dorado y blanco sobre negro, tarjetas de programas con fotografía real y los propios graduados de FTCC en primer plano. El equipo de AndiSites desarrolló el sitio y mantiene al día sus noticias y eventos.
Reconocimiento
MarCom Award, oro, 2026, y w3 Award, plata, 2026: Fayetteville Technical Community College, galería de ganadores de los w3 Awards (se abre en una pestaña nueva, en inglés). Otorgados a AndiSites Inc. por el sitio web de Fayetteville Technical Community College. Mi rol: UX/UI Designer.
Mi rol en el equipo
Parte del equipo de AndiSites Inc., a través de eMirDesigner LLC: dirección visual, sistema de color, tipografía, componentes de interfaz y diseño de la página de inicio.