Plataforma DevOps De Iguana Solutions USA
Diseño UI/UX De Aplicación Web
Cuando La Experiencia Se Une Con La Excelencia: Cómo Nuestra Colaboración Con Iguana Solutions Transforma Infraestructuras Complejas
The Skins Factory estuvo encantado de trabajar codo a codo con Iguana Solutions USA, una empresa de hosting y servicios manejados de clase mundial que diseña, crea y maneja infraestructuras complejas y críticas en plataformas físicas, en la nube o híbridas. Esta colaboración unió nuestro profundo conocimiento de la industria en diseño centrado en el usuario y diseño de experiencia de usuario con la capacidad técnica e innovación incomparables de Iguana Solutions, para ofrecer soluciones transformadoras a sus clientes que enfrentan desafíos de infraestructura complejos.
Inicio De Sesión
Creamos un panel de inicio de sesión que utiliza un formato de imágenes rotativas. Iguane Solutions puede, a su discreción, agregar imágenes adicionales, promocionar servicios o comunicar noticias o información pertinente justo cuando llega el usuario. Nosotros simplemente les dimos el punto de partida.
Página De Inicio + Proyectos + Infraestructura
El punto de partida donde los usuarios finales pueden crear nuevos proyectos, ver proyectos existentes, consultar información crítica y revisar el feed de actividad. Diseñamos una nueva iconografía nítida, unificada y divertida. ¿Quién dice que DevOps tiene que ser aburrido?
Página De Inicio
Menús
Filtros Expandidos
Para mantener la UI limpia, el menú desplegable de filtros tiene el mismo tamaño que la fila superior del listview. Una vez que los filtros se expanden, cada fila baja una posición, empujando la fila inferior fuera de la pantalla. Esto ocurre por reemplazo, no por movimiento.
Proyectos
Proyecto En Blanco: Primeros Pasos. Utilizamos algunos toques de diseño neumórfico para dar profundidad a los 3 paneles.
Modal Para Crear Un Proyecto
Modal.
Blueprints De Proyecto
Configurar Una Infraestructura
Proyecto: Monitoreo
Información de monitoreo siempre lista. Este es el centro principal para un proyecto individual que ya ha sido desplegado.
Grid De Infraestructura
Nuestro equipo se enfocó en el layout de grid y en la experiencia de usuario. Necesitábamos ahorrar espacio para evitar el desplazamiento vertical u horizontal. Al colapsar la barra lateral, pudimos recuperar espacio para los iconos de arrastrar y soltar. También agregamos capacidades de zoom para diferentes vistas. Esto es especialmente útil para desarrolladores con pantallas grandes. A continuación, puede ver la barra lateral expandida y colapsada.
Grid De Infraestructura Con Barra Lateral Expandida.
Grid De Infraestructura Con Barra Lateral Colapsada E Iconos Listos Para Arrastrar Y Soltar.
Mantuvimos los iconos sobre una base plana de forma predeterminada y agregamos elementos neumórficos cuando se pasa el cursor sobre ellos. Queríamos que tuvieran un aspecto táctil mientras se arrastraban y colocaban.
Para ayudar a guiar el recorrido de arrastrar y soltar, nos aseguramos de “iluminar” las marcas guía a medida que un icono pasa sobre ellas. Una vez soltado, el icono y su base caen en su lugar.
Grid De Infraestructura: Modal De Cambios
Grid De Infraestructura: Modal De Base De Datos
Grid De Infraestructura: Despliegue
Las barras de progreso, los porcentajes de finalización y el onboarding textual no dejan lugar a confusión mientras este Grid De Infraestructura avanza por su proceso de despliegue.
Diseños De Composición Iniciales
Nuestro equipo de diseño recibió un documento de PowerPoint con wireframes de baja fidelidad, que sirvió para delinear el contenido que debía representarse en las pantallas. A continuación, encontrará una muestra de algunos de los layouts iniciales que creamos.
Prototipo Inicial De Página De Inicio De Iguana Solutions 1: Barra Lateral Clara Con Layout De Listview
Prototipo Inicial De Página De Inicio De Iguana Solutions 2: Barra Lateral Oscura Con Layout De Grid. Sentimos que la barra lateral oscura se aprovechaba mejor en una versión completa en modo oscuro.
