Sphere Integrated Solutions · Caso de estudio

Una presencia digital más estructurada para servicios tecnológicos.

El logotipo de Sphere Integrated Solutions en 3D transparente
Resumen del proyecto
Una dirección de sitio web de tecnología B2B construida en torno a la claridad de las soluciones, la credibilidad empresarial y un camino más seguro hacia la consulta.
Servicios
  • Descubrimiento
  • Estructura de página
  • Diseño responsive
  • QA y refinamiento
Fecha
Mayo de 2007
Cliente
Sphere Integrated Solutions
Ubicación
Tampa, FL
Recorrido por sphereintegrated.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de Sphere Integrated Solutions

Lo que el sitio tenía que lograr.

Los compradores de servicios de tecnología necesitan un camino claro desde el reconocimiento del problema hasta la confianza en el proveedor.

LER Web Services moldeó Sphere en torno a las categorías de soluciones, un ritmo de interfaz creíble y señales de consulta claras.

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

Lo que tenía que cambiar.

  1. La oferta de servicio necesitaba una estructura más fuerte para audiencias mixtas técnicas y de negocio.

  2. El sistema visual tenía que sentirse pulido sin complicar en exceso el mensaje.

  3. Las invitaciones de contacto necesitaban más confianza y menos fricción.

  4. El sitio necesitaba espacio para pruebas de casos, integraciones y expansión de servicios.

  • La página de inicio desplazándose, grabado de sphereintegrated.com
  • La página Nosotros desplazándose, grabado de sphereintegrated.com

Pantallas

Cada página, un mismo sistema.

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

  • La página Competencias desplazándose, grabado de sphereintegrated.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 sphereintegrated.com en un teléfono
La página de inicio en un teléfono, grabado de sphereintegrated.com en un teléfono
La página Nosotros en un teléfono, grabado de sphereintegrated.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 Sphere Integrated Solutions 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

  • #061429
  • #0A63D8
  • #28A7FF
  • #405C84
  • #EAF3FF

Resultado.

Sphere ahora tiene una dirección web B2B más clara para presentar soluciones de tecnología e iniciar conversaciones de consulta.

El proyecto ahora les da a los visitantes de negocio una ruta más clara desde la evaluación de la solución hasta la consulta.

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.