// CONECTE.AI

La vitrina de planes que el proveedor regional usa para vender internet en línea.

  • UI | UX Design

Desafío

El abonado llega al sitio del proveedor y encuentra una lista de megas. Sin criterio, se va o llama a ventas. Conecte.ai necesitaba una vitrina que el proveedor pudiera publicar con su cara, y un camino para quien aún no sabe qué plan contratar.

Solución

Diseñamos la página de planes, las tarjetas, los estados hover y Descubre tu plan: un formulario corto que llega a un resultado, en vez de una tabla que el usuario tiene que descifrar.

// SOBRE

Herramientas para quien vende internet en el interior.

Conecte.ai construye producto digital para proveedores regionales. El sitio del proveedor deja de ser una tarjeta de visita y pasa a vender: planes, beneficios, contratación. Matilha diseñó la vitrina y el flujo que el abonado usa solo.

Conecte.ai

// PLANES

Para ti o para la empresa.

Dos públicos, la misma grilla. El toggle cambia el recorte. La tarjeta del medio lleva el sello de mejor oferta. El hover crece la tarjeta y muestra lo que estaba plegado. Contrata ahora queda al pie de cada plan, siempre en el mismo lugar.

Vitrine de planos Conecte.ai no desktop
Card de plano
Card de plano no estado hover

// DESCUBRE TU PLAN

Quien no sabe el plan, lo descubre.

La vitrina sirve a quien ya compara. Descubre tu plan sirve a quien aún no sabe. Un atajo en el primer pliegue abre un formulario: personas en casa, dispositivos, uso, ambientes, dirección. Al final, el plan recomendado.

  1. 01Iniciar la función en el primer pliegue
  2. 02Personas, dispositivos y objetivo de uso
  3. 03Ambientes y dirección de instalación
  4. 04Resultado con el plan recomendado
Funcionalidade Descubra seu plano

// SISTEMA

Violeta Conecte, lila de apoyo.

La marca pinta el header, el CTA y el sello. El proveedor regional puede cambiar el color. La tarjeta sigue blanca, el fondo sigue gris, el precio sigue en el mismo eje.

  • Roxo Conecte#4B2C87
  • Lilás#E4D6FF
  • Cinza 05#242634
  • Fundo#ECEEF0

Títulos de página en Lexend. Velocidad, precio, beneficios y botones en Asap. La jerarquía cabe en la tarjeta sin gritar.

// PROCESO

De la plancha al proveedor.

Styleguide, componentes y la página de planes en el mismo sistema. El test de usabilidad de Descubre tu plan se volvió el otro case: el informe queda con el cliente, el método está publicado al lado.

// EQUIPO

  • Ilana Heymowski · UI/UX
  • Thomas Freitas · UI/UX
  • Karen Fernandes · Apoyo