Inconnect
Sitio institucional de TI y seguridad
- Mi rol
- Programador Full Stack · Diseñador UX/UI
- Año
- 2022
InconnectContexto
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.
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.
El sitio, sección por sección
De la promesa en el encabezado a la elección entre los dos caminos de atención.
- 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.
- 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.
- 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í.
- 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.
- 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.
- 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.
- 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.
- 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.
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
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.
Otros proyectos para conocer.
LegalAlmeida & Costa Advocacia
Sitio institucional con UI/UX y tema WordPress en PHP desarrollado desde cero
Ver proyecto
Salud y EstéticaLúmina Estética Avançada
Sitio de la clínica con UI/UX y tema WordPress a medida
Ver proyecto
Family OfficeVêneto Family Office
Sitio institucional premium
Ver proyecto