Adminiad: Renovación Visual

Rediseño completo de la landing page para Adminiad, realizado en Figma y Framer. Un enfoque moderno y minimalista que optimiza la experiencia visual y la usabilidad para una empresa de soluciones tecnológicas con IA.

Composición de imagenes de la landing page de Adminiad
Partner
Cliente Principal
Adminiad
Mi Rol
UI/UX Designer & Prototyper
Stack Tecnológico
Herramientas Utilizadas
figma
framer
photoshop
illustrator

El Contexto

Adminiad es una empresa que combina inteligencia artificial y automatización para resolver problemas administrativos empresariales. Su landing page necesitaba reflejar esa propuesta tecnológica.

La página existente había quedado desactualizada. El contenido era sólido pero la presentación no le hacía justicia. La navegación funcionaba pero podía ser más intuitiva. Era el momento ideal para llevarla al siguiente nivel.

El Approach

Diseño moderno que respira tecnología. Decidí ir por algo visualmente rico y dinámico - esto tenía que sentirse como el futuro.

El plan era claro:

  • Figma para diseñar todo desde cero
  • Framer para crear un prototipo interactivo con todas las animaciones
  • Entregar ambos al equipo de desarrollo

Mi responsabilidad llegaba hasta el prototipo. Después, el equipo de desarrollo tomaría la posta con su stack.

Diseño en Acción

En Figma arranqué con una paleta que dijera “IA y automatización” desde el primer vistazo.

Decisiones clave:

  • Gradientes púrpura a morado porque es el lenguaje visual de la tech moderna
  • Efectos glassmorphism para dar profundidad y sofisticación
  • Animaciones complejas que demuestren capacidad técnica
  • Elementos flotantes y 3D para romper con lo plano y predecible
  • Glow effects en CTAs y elementos interactivos

Para una empresa de IA, el diseño tenía que sentirse avanzado. No podía verse como otro sitio corporativo más. Tenía que transmitir innovación desde el primer scroll.

Mobile: Prioridad, No Adaptación

El diseño mobile no fue una versión reducida del desktop. Fue diseñado en paralelo.

Adminiad necesitaba que sus clientes pudieran acceder desde cualquier lado. Gerentes revisando propuestas en el celular. Emprendedores consultando servicios mientras viajan.

El diseño mobile tuvo sus propias decisiones:

  • Navegación bottom-sheet más accesible con el pulgar
  • Cards apiladas verticalmente para scroll natural
  • CTAs fijos para conversión constante
  • Formularios en pasos porque nadie quiere llenar 10 campos en mobile

Prototipo Interactivo

Framer fue la elección natural para el prototipo. Necesitaba mostrar interacciones reales, no solo pantallas estáticas.

Lo que agregué en Framer:

  • Scroll animations con movimiento fluido pero controlado
  • Hover states para desktop
  • Touch feedback para mobile
  • Transiciones entre páginas para mostrar el flow completo

El prototipo funcionó como una spec viviente. El equipo de desarrollo podía experimentar directamente cómo debía comportarse cada elemento, qué timing usar en las animaciones, cómo se sentía la navegación.

Una herramienta que habla por sí sola. El equipo podía explorar, entender e implementar con claridad total.

Herramientas

Lo necesario para diseñar y prototipar

figma
framer
photoshop
illustrator

El Handoff

Mi parte culminó con la entrega del prototipo en Framer y los assets exportados de Figma.

El equipo de desarrollo de Adminiad tomó todo y lo implementó con su propio stack. Probablemente React o Next, aunque no necesité saber los detalles. Mi rol era entregarles un diseño sólido y un prototipo funcional que les sirviera de guía clara.

Lo que entregué:

  • Diseños completos en Figma con componentes organizados
  • Prototipo interactivo en Framer mostrando todos los comportamientos
  • Assets exportados listos para producción
  • Paleta de colores y tipografía documentada

Una entrega limpia y directa. Archivos organizados, links compartidos, todo listo para que pudieran arrancar sin fricciones.

Reflexión Final

Este proyecto fue puro diseño y prototipado. No escribí una línea de código de producción y me encanta que haya sido así.

Adminiad ahora tiene una landing que comunica claramente lo que hace. Los usuarios entienden la propuesta de valor rápidamente. El diseño cumple su función: comunicar, guiar, convertir.

Me gusta cuando los proyectos tienen límites claros. Diseñé, prototipé, entregué. El equipo de desarrollo tomó eso y lo llevó a producción con su expertise. Cada uno aportó lo mejor de su área.

La landing está live y funcionando bien. Ver el diseño en acción siempre es satisfactorio.