DaeSoft Technology Solutions · Caso de estudio

Una presencia de servicios de TI más nítida para compradores empresariales.

El logotipo de DaeSoft en 3D transparente
Resumen del proyecto
Una dirección de sitio web de tecnología B2B para servicios de TI, construida en torno a una arquitectura de servicio más clara, la credibilidad y decisiones de contacto más rápidas.
Servicios
  • Descubrimiento
  • Estructura de página
  • Diseño responsive
  • QA y refinamiento
Fecha
Noviembre de 2019
Cliente
DaeSoft
Ubicación
Tampa Bay, FL
Recorrido por daesoftcorp.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de DaeSoft

Lo que el sitio tenía que lograr.

Los compradores de TI necesitan saber si un proveedor entiende sus problemas operativos antes de agendar una llamada.

LER Web Services moldeó DaeSoft en torno a la claridad del servicio, áreas de contenido listas para pruebas y una experiencia de contacto directa.

  • 5Páginas principales, una jerarquía
  • 4Frentes de trabajo
  • 1Ruta principal de contacto
  • 2019Lanzado
Secciones del sitio de DaeSoft dispuestas en ángulo

Lo que tenía que cambiar.

  1. Los servicios técnicos necesitaban ser más fáciles de escanear y comparar.

  2. La dirección visual tenía que sentirse actual sin convertirse en imágenes genéricas de stock tecnológico.

  3. Los momentos de contacto y consulta necesitaban una jerarquía más fuerte.

  4. La estructura necesitaba espacio para testimonios, páginas de servicio y pruebas de casos más adelante.

  • La página de inicio desplazándose, grabado de daesoftcorp.com
  • La página Soluciones desplazándose, grabado de daesoftcorp.com

Pantallas

Cada página, un mismo sistema.

Inicio, solutions, nosotros, security y contacto comparten una jerarquía, así que un visitante pasa de la oferta al siguiente paso en pocos desplazamientos.

  • La página Nosotros desplazándose, grabado de daesoftcorp.com
  • La página Ciberseguridad desplazándose, grabado de daesoftcorp.com
  • La página Contacto desplazándose, grabado de daesoftcorp.com

La misma claridad en un teléfono.

La mayoría de los visitantes llega desde un teléfono: la oferta, las pruebas y el botón de contacto mantienen el mismo orden en móvil.

El menú del teléfono abriéndose, grabado de daesoftcorp.com en un teléfono
La página de inicio en un teléfono, grabado de daesoftcorp.com en un teléfono
La página Soluciones en un teléfono, grabado de daesoftcorp.com en un teléfono

Wireframes

La estructura de fondo.

Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.

Páginas de DaeSoft dibujadas como wireframes, dispuestas en ángulo: tarjetas, botones y campos en contorno, barras grises para el texto y dibujos lineales de las fotos

Sistema visual.

La paleta propia del sitio sobre el papel de LER, Montserrat para los títulos y pantallas reales del sitio en vivo en lugar de escenas de stock.

Tipografía · Montserrat

  • #160708
  • #D71920
  • #A10F1A
  • #4B2C31
  • #F8EDEE

Resultado.

El proyecto ahora respalda un camino más seguro desde la revisión de capacidades hasta la consulta.

DaeSoft Technology Solutions se presenta con una jerarquía más fuerte, señales de confianza más claras y un camino más directo para que los visitantes entiendan el siguiente paso.

Cómo se construyó.

Los cuatro pasos detrás de este proyecto y lo que cada uno tuvo que resolver.

  1. Descubrimiento

    Aclaré la audiencia, la oferta y las preguntas prácticas que el sitio web debía responder.

  2. Estructura de página

    Organicé el flujo de la página en torno a la claridad del servicio, las pruebas y la siguiente acción que debe tomar un visitante calificado.

  3. Diseño responsive

    Definí el sistema visual y las pantallas principales para que la experiencia se mantuviera pulida en todos los dispositivos.

  4. QA y refinamiento

    Revisé la experiencia para asegurar consistencia visual, comportamiento responsivo y rutas claras para contactar o comprar.