Volver al portafolio
TI y Seguridad

Inconnect

Sitio institucional de TI y seguridad

Mi rol
Programador Full Stack · Diseñador UX/UI
Año
2022
InconnectInconnect
01

Contexto

Empresa de TI y seguridad de la información que buscaba ampliar su cartera de clientes corporativos. Servicios técnicos que necesitaban una traducción clara para quienes toman decisiones sin formación técnica.

Cliente
Inconnect
Año
2022
Categoría
TI y Seguridad
Roles
Programador Full Stack, Diseñador UX/UI
02

Problema

Sin un sitio profesional, la empresa dependía exclusivamente de recomendaciones. El proceso de ventas era largo porque no había material de referencia para que el cliente consultara entre reuniones: eso retrasaba decisiones y alargaba el ciclo de venta.

03

El sitio, sección por sección

De la promesa en el encabezado a la elección entre los dos caminos de atención.

  1. 01 / 08

    El encabezado

    "Soluciones completas en TI para empresas" sobre el fondo grafito, con la foto de un técnico en el data center y un único botón lima para hablar con un especialista y pedir presupuesto.

  2. 02 / 08

    Especialistas y accesos

    La prueba de experiencia ("Contamos con profesionales de TI especializados", atención remota y presencial en todo el país) y una barra con accesos a los cuatro frentes: servicios, seguridad, proyectos y soluciones especializadas.

  3. 03 / 08

    Servicios de TI

    Los servicios en dos columnas con ícono de confirmación (soporte técnico, help desk, service desk, gestión de redes y servidores, backup, outsourcing), para que el gerente confirme de un vistazo si lo que necesita está ahí.

  4. 04 / 08

    Soluciones de seguridad

    Los frentes de seguridad (datos, dispositivos, e-mail, pentest, redes, web y apps) en un mosaico de tarjetas verde menta y amarillo, más liviano que una lista técnica.

  5. 05 / 08

    Proyectos de TI

    De vuelta al grafito, los tipos de proyecto (cableado estructurado, migración de data center, auditoría, redes inalámbricas, instalación de puntos de venta) en íconos con leyenda corta.

  6. 06 / 08

    Por qué Inconnet

    Ocho diferenciales en íconos (seguridad en las operaciones, agilidad, atención en portugués, inglés y español, técnicos certificados HP), que responden a la objeción antes del contacto.

  7. 07 / 08

    Segmentos atendidos

    Finanzas, arquitectura, abogacía, ingeniería, contabilidad, gráficas, retail y farmacias en tarjetas con foto, para que cada visitante se reconozca como posible cliente.

  8. 08 / 08

    Soluciones personalizadas

    El cierre divide el camino en dos botones: soluciones para pequeñas y medianas empresas y para grandes empresas y alianzas internacionales.

04

Solución

Sitio institucional con páginas de servicios escritas en lenguaje de beneficio para el negocio, no de especificación técnica. Arquitectura de contenido enfocada en quien decide sin formación técnica, con un formulario de contacto simplificado.

↑ Leads

captación inbound sin recomendaciones

1

presencia digital establecida

B2B

lenguaje enfocado en quien decide

Sistema Visual

Grafito y verde para transmitir solidez técnica, con el lima de la marca reservado para los botones y los destacados, y tonos suaves de menta y amarillo para hacer más accesibles los servicios de seguridad.

Paleta

Grafito

#2F2F2F

Encabezado y sección de proyectos: seriedad y tecnología

Verde Inconnet

#0B642E

Botones principales y accesos

Lima

#C3CD00

Destacados, botones de acción y círculos decorativos

Verde Menta

#9ACCBA

Tarjetas de soluciones de seguridad

Amarillo Claro

#DFE383

Tarjetas alternadas de seguridad

Hielo

#F5F8FE

Fondo de las secciones claras

05

Aprendizaje

Los sitios de TI se equivocan cuando hablan de tecnología en lugar de hablar de seguridad para el negocio del cliente. Quien decide compra tranquilidad, no especificaciones técnicas.