US & Global
"Hagamos que esta sección principal tenga el impacto visual que Square logra en su página de inicio". O: "Enumeremos todas nuestras soluciones empresariales con un enfoque especial en los servicios presenciales".
Ambas son formas en que nos replanteamos las peticiones para no perderlas de vista. Ninguna te dice cómo debe ser el módulo. El trabajo consiste en convertir esa frase en algo que respete las directrices de la marca, se mantenga alineado con la estrategia de marketing del trimestre y, aun así, vaya directo al grano. Esa traducción es todo el trabajo, y ocurre cada semana.
Cada semana creamos docenas de mesas de trabajo que contienen cada giro, microajuste y concepto descartado.
Eso no es indecisión. Crear tres versiones de una sección principal, cuatro de una pantalla de hardware y un par de módulos de precios es la única forma fiable de descubrir qué orden de información funciona realmente. No puedes hacer que un diseño funcione a base de argumentos; tienes que verlo junto a la alternativa. La página final es solo la punta del iceberg.
Nada de esto se sostiene sin una biblioteca. El texto, los colores y los efectos funcionan con estilos sincronizados de Figma, de modo que un cambio se aplica a todo al instante y un módulo creado en la novena semana sigue pareciendo que pertenece al mismo conjunto que uno creado en la segunda.
Las imágenes son donde el proceso se vuelve específico. La interfaz de usuario en las pantallas se diseña en Figma. El hardware se renderiza en Blender, capturado con un ángulo de cámara controlado sobre pantalla verde. El escenario y la iluminación provienen de la IA: Nano Banana, además de motores adicionales para el acabado final.
El objetivo de dividirlo de esta manera es el control. Si le pides a un modelo un lector de tarjetas en el mostrador de una cafetería, obtendrás algo que se parece al producto sin serlo: puertos inventados, un botón que no existe, una pantalla de aplicación que no es la real. Renderizar el dispositivo y componer la interfaz de usuario real significa que la IA solo se encarga de lo que hace bien: la luz y el entorno. Sin alucinaciones en las partes que importan.
Un reto frecuente tiene que ver con la densidad. Un solo módulo a menudo debe contener testimonios, pruebas sociales, valoraciones de la tienda de aplicaciones, las cuatro industrias para las que está diseñado el servicio, señales visuales para cada una de ellas y una breve descripción de cada una, sin convertirse en un muro de texto.
Otros módulos siguen el camino opuesto. La sección de hardware funciona mejor con un diseño limpio, por lo que toma prestada la sobriedad de Microsoft sin perder la identidad de SwipeSimple.
Dos decisiones que vale la pena destacar. La llamada a la acción (CTA) abre su formulario dentro de la misma interfaz en lugar de enviar al usuario a una página separada, para que nadie pierda el hilo durante el proceso de decisión. Además, la sección principal inmersiva utiliza una variante de navegación superior que permite que el fondo de video permanezca visible, con enlaces cortos al hardware en la parte inferior y la propuesta de valor junto a la CTA principal en el centro.
El trabajo continuo de interfaz tiene menos que ver con grandes ideas aisladas que con mantener una calidad constante mientras el volumen de trabajo sigue siendo alto. Los estilos sincronizados mantienen unido el sistema, un flujo de trabajo híbrido entre Blender e IA garantiza que las imágenes sean coherentes y fieles al producto, y una gran cantidad de diseños descartados aseguran que la versión final sea una elección deliberada y no una solución de compromiso. Square y Microsoft son las referencias; la marca sigue siendo SwipeSimple.
Estrategia, diseño, contenido y crecimiento.
