Project Manager,
Diseñador UX/UI y
Desarrollador Webflow

En el sitio viejo no se podía subir un equipo sin ayuda de un programador, y el inventario cambiaba cada semana. Había una fecha que no se movía, una feria del sector, y una parte que no dependía de nosotros: las fotos y los datos de cada equipo los pasaba el área de ventas del cliente.

Llevé la gestión completa, además del diseño y la construcción. Reuní los requisitos con el área de ventas, definí cómo se iba a ordenar el contenido antes de diseñar, armé las fases con la feria como fecha límite, prioricé las tareas por lo que más pesaba, trabajé en tandas de dos semanas, anoté los riesgos y le pasé un avance al cliente cada semana.

El sitio salió dos semanas antes de la feria, con 40 equipos cargados y el área de ventas lista para subir más por su cuenta. La estructura del contenido se cerró en la fase 2, así que ningún cambio de catálogo obligó a rehacer plantillas.

El paquete promete revisiones sin límite y publicación en dos semanas. Las dos cosas juntas solo salen si los comentarios llegan en tandas cortas. Tres áreas comparten el mismo calendario: el diseño de pantallas no puede empezar sin la marca lista, y el desarrollo no puede empezar sin las pantallas cerradas.

Llevé el ciclo completo. Dejé claro en la primera reunión qué incluía el paquete, armé un plan día a día en Asana con las áreas trabajando en paralelo a propósito, marqué qué dependía de qué, le pasé al cliente un avance cada dos días por escrito o en Loom, junté cada revisión en la tarea de su entrega, cuidé la carga de trabajo del equipo, hice una reunión corta de 15 minutos cada día y usé una lista de control para publicar.

El sitio salió el día 10, con la marca, el diseño y la construcción entregados sin pasarse de fecha. Las tres áreas trabajan a la vez en lugar de esperar una a la otra, y las revisiones entran porque llegan cada dos días sobre una entrega a la vez, no todas juntas al final.

Los datos de la red ya existían, pero no había manera de pasar del total mundial al punto de conexión de una calle.

UX y UI de principio a fin: cómo se ordena la información, los recorridos para explorar el mapa, la biblioteca de componentes y la entrega de las pantallas para escritorio.

Una sola pantalla para entender la red a cualquier tamaño: se pasa del mapa mundial a la ficha de un punto de conexión sin cambiar de pantalla ni perder el hilo.

Tener un equipo de red pide tareas técnicas, como apuntar una antena, leer datos o poner precios, que la mayoría de la gente nunca ha hecho. Todo eso tenía que caber en una app que no asuste en el primer minuto.

UX y UI de principio a fin: los pasos de bienvenida e instalación, el orden de las pantallas de datos, la biblioteca de componentes para móvil y la entrega de las pantallas.

Un recorrido sin cortes, de la bienvenida al primer plan publicado: cada paso técnico se vuelve una decisión clara, con una sola acción a la vista por pantalla.

Páginas largas y cargadas, con diagramas, una calculadora de precios, tablas de países y secciones de normas legales, que tenían que leerse igual de bien en el escritorio y en el móvil, y que el equipo de marketing pudiera editar sin tocar código.

Llevé la gestión y el desarrollo. En la gestión: cuatro sprints de 15 días, un plan por sprint, registro de riesgos y una revisión al cierre de cada sprint con el equipo del cliente, incluida la parte legal de las secciones de cumplimiento. En lo técnico: un sistema de clases ordenado y componentes que se reutilizan, maquetación que se adapta a cualquier pantalla con Flexbox y Grid, animaciones al desplazar la página, colecciones de contenido, SEO técnico y publicación.

Dos páginas de producto que el equipo mantiene solo. Los diagramas se rehicieron con elementos propios de Webflow en lugar de imágenes, así el texto se puede editar y el sitio carga ligero.

El inventario cambia todo el tiempo y cada equipo tiene sus propias fotos, sus datos y su disponibilidad. Subir un equipo no podía depender de un programador ni de crear una página nueva cada vez.

Desarrollo en Webflow: colecciones de contenido para categorías y equipos, con campos de datos, disponibilidad y galería; una plantilla de ficha de producto, listados que se filtran por categoría, un buscador, un menú con varios niveles y maquetación que se adapta a cualquier pantalla.

El equipo sube un equipo nuevo llenando una entrada de la colección: la ficha, la galería y su lugar en el catálogo aparecen solos, con la misma estructura y sin tocar código.

La marca se usaba distinto en cada pieza y en cada canal. Hacía falta un solo documento que fijara reglas claras y se adelantara a los errores más comunes con el logo.

Diseño del manual completo: el sistema de logo y símbolo, las versiones a color y en un solo color, las reglas de uso sobre fondos de la marca y fondos ajenos, los casos de uso incorrecto, las aplicaciones digitales y la guía de tono de voz.

Ocho láminas que van desde cómo se arma el logo hasta ejemplos de redacción. Cada regla aparece al lado de su contraejemplo, así el equipo decide sin volver a preguntar.

Una empresa de logística que compite por confianza necesitaba una marca que se leyera igual en un camión, en una valla y en un avatar de 40 píxeles. El símbolo tenía que funcionar solo, sin el nombre al lado, y aguantar tanto la impresión gigante como los fondos oscuros.

Diseño de la identidad y del manual completo: cómo se arma el nombre y el símbolo, una paleta de color con un papel claro para cada tono, las versiones correctas sobre fondos claros, oscuros y de la marca, la versión en un solo color, y las aplicaciones en favicon, valla, perfiles de redes e ícono de app.

Un manual que ordena la marca por situación: cada versión aparece al lado del fondo donde sí se puede usar, así el equipo elige bien sin preguntar y la marca se ve igual desde el camión hasta el avatar.

Cuatro productos con públicos y ritmos distintos compartían la misma marca, el mismo sistema de componentes y la misma ventana de lanzamiento. Cada uno tenía su equipo, pero las decisiones de diseño y de datos tenían que servir para todos a la vez.

Llevé la gestión del programa completo. Un backlog por producto y uno común, sprints de 15 días alineados entre los cuatro equipos, un sistema de componentes compartido, dependencias marcadas entre frentes, registro de riesgos por sprint y una demo conjunta al cierre de cada sprint. Además hice el UX y la UI del panel y de la app.

Los cuatro frentes salieron en la misma ventana de lanzamiento. El panel y la app compartían la mayor parte de los componentes, así que un cambio de diseño se hacía una vez y valía para los dos. La tienda y el blog quedaron a cargo del equipo de marketing.