FAB

Una web WordPress para una agencia de talentos.

Yo creo que un catálogo de talentos funciona cuando destacan las personas y su trabajo, y actualizar los perfiles sigue siendo sencillo.

Sector
Gestión del talento / Rusia
Tecnologías
WordPress / PHP / HTML
Año del proyecto
2023–2024
Diseño original de la portada FAB con logotipo crema y navegación compacta.
Detalle del proyecto

Portada del archivo Figma original de FAB. Conservo el idioma de la interfaz.

El reto

FAB representa a creadores y figuras públicas. Un posible colaborador necesita explorar el catálogo, entender a qué se dedica cada persona y encontrar sus canales sociales. La agencia también necesita actualizar biografías y fotografías sin depender de un desarrollador para cada cambio.

La solución

Trabajé con OnePix en el diseño y la implementación en WordPress. Organicé el catálogo como contenido estructurado, con plantillas de perfil, filtros por categoría y descripciones, fotografías y enlaces sociales editables. Una página multimedia y otra sobre la agencia dieron espacio al contenido y a las personas que trabajan allí.

El proyecto en detalle

Diseños originales para escritorio y móvil del archivo Figma. Conservo fotografías, estados del prototipo y textos originales; no son capturas del sitio actual.

Un catálogo centrado en las personas

Convertí el catálogo de talentos en la entrada principal del sitio. El diseño original combina retratos de diferentes tamaños, descripciones cortas y categorías como belleza, moda y deporte. La implementación debía mantener esa composición al añadir personas o cambiar sus datos. En móvil, el diseño proporcionado utiliza dos columnas y un menú más pequeño.

Catálogo FAB con retratos, biografías y un estado de hover destacado.
Detalle del proyecto

Tres filas completas del diseño original. La tarjeta destacada y el cursor forman parte del diseño de interacción proporcionado.

Perfiles y contenido cumplen funciones distintas

El perfil reúne la biografía y los canales sociales de una persona. La página multimedia ofrece otro lugar para explorar contenido seleccionado. Separé esas funciones en WordPress para que el catálogo no tuviera que mostrarlo todo. La imagen inferior es un diseño estático del reproductor en Figma, no un vídeo reproducible ni una prueba del funcionamiento actual del sitio.

Diseño original de la página multimedia FAB con vídeo vertical y navegación del carrusel.
Detalle del proyecto

Diseño estático del reproductor del archivo del proyecto. La imagen pertenece al cliente; no es un vídeo insertado.

Una web que la agencia puede mantener

Configuré tipos de contenido y campos de administración para la información que cambia con frecuencia. Las plantillas mantienen fotografías, descripciones y enlaces en una estructura común. La página original del equipo muestra otra parte de ese sistema. Las imágenes proceden del archivo Figma del proyecto; los retratos y la identidad de la agencia pertenecen al cliente.

Página original del equipo FAB con dirección, atención al cliente y departamento jurídico.
Detalle del proyecto

Sección completa del equipo de la página original sobre la agencia. Son personas del cliente, no el equipo OnePix.

Presentación del diseño de FAB con retratos e identidad visual negra y verde lima.
Detalle del proyecto

Presentación original de FAB en Figma con el crédito PLOSKOV PRO. Es un diseño de archivo, no una captura del sitio publicado.

1 de 2

En una pantalla más pequeña

El diseño móvil original utiliza un menú compacto y dos columnas de retratos. Las exportaciones de Figma conservan las fotografías y los textos del cliente.

Inicio móvil original de FAB con menú, contactos y logotipo.
Detalle del proyecto

Diseño móvil de Figma exportado a 2× para conservar el detalle. Es un diseño original, no una captura del navegador.

Catálogo móvil original FAB con tres filas completas de dos retratos.
Detalle del proyecto

Seis tarjetas móviles completas del diseño Figma proporcionado. Conservo las fotografías del cliente y los textos originales.

1 de 2

El resultado

WordPress

Un catálogo de talentos estructurado con filtros y perfiles editables.

Contenido

Perfiles, contenido multimedia y presentación de la agencia organizados mediante plantillas comunes.

Detalles de FAB web para una agencia de talentos

¿Cómo se mantenían al día los perfiles de talento?

Campos estructurados de WordPress guardaban biografías, fotos y enlaces sociales. Las plantillas mantenían la coherencia visual al actualizar el catálogo.