Kristine Window Treatments · Caso de estudio

Una experiencia de producto y servicio más limpia para interiores a medida.

El logotipo de Kristine Window Treatments en 3D transparente
Resumen del proyecto
Una dirección de sitio web pulida para tratamientos de ventanas a medida, construida en torno a la claridad del producto, la confianza en la consulta y una presentación de interiores del hogar más refinada.
Servicios
  • Descubrimiento
  • Estructura de página
  • Diseño responsive
  • QA y refinamiento
Fecha
Abril de 2018
Cliente
Kristine Window Treatments
Ubicación
Miami Gardens, FL
Recorrido por kristinewindowtreatments.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de Kristine Window Treatments

Lo que el sitio tenía que lograr.

Los compradores de tratamientos para ventanas necesitan entender las opciones, la calidad y los siguientes pasos de la consulta antes de comprometerse.

LER Web Services organizó la dirección en torno a la educación sobre el producto, visuales de estilo interior y un camino claro para solicitar asesoría.

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

Lo que tenía que cambiar.

  1. Product options needed to feel organized instead of scattered.

  2. La marca necesitaba un entorno visual más pulido para los compradores de interiores del hogar.

  3. Las invitaciones a la consulta tenían que sentirse útiles en lugar de transaccionales.

  4. El sitio necesitaba apoyar futuras galerías, categorías de producto y contenido de SEO local.

  • La página de inicio desplazándose, grabado de kristinewindowtreatments.com
  • La página Persianas desplazándose, grabado de kristinewindowtreatments.com

Pantallas

Cada página, un mismo sistema.

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

  • La página Persianas enrollables desplazándose, grabado de kristinewindowtreatments.com
  • La página Telas desplazándose, grabado de kristinewindowtreatments.com
  • La página Sobre nosotros desplazándose, grabado de kristinewindowtreatments.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 kristinewindowtreatments.com en un teléfono
La página de inicio en un teléfono, grabado de kristinewindowtreatments.com en un teléfono
La página Persianas en un teléfono, grabado de kristinewindowtreatments.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 Kristine Window Treatments 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, Archivo Narrow para los títulos y pantallas reales del sitio en vivo en lugar de escenas de stock.

Tipografía · Archivo Narrow

  • #133A3D
  • #18B6B0
  • #78D5D0
  • #5A7676
  • #E9F6F5

Resultado.

Kristine Window Treatments ahora tiene una dirección más clara para la educación sobre el producto y las consultas guiadas por asesoría.

El proyecto ahora les da a los visitantes una forma más clara de comparar opciones y entender el valor de 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.