Paso a paso a través de una renovación del sitio web

Paso a paso a través de una renovación del sitio web
Esta historia aparece en la edición de marzo de 2012 de . Suscribir » Si no está roto, no lo arregles. Durante años, esto resumió cómo los tomadores de decisiones en la bodega Round Pond Estate y la fábrica de aceitunas en Rutherford, California, se sentían sobre su sitio web. Sí, la pandilla sabía que el sitio necesitaba un lavado de cara; habían estado considerando la idea de un rediseño durante aproximadamente un año.

Esta historia aparece en la edición de marzo de 2012 de . Suscribir »

Si no está roto, no lo arregles. Durante años, esto resumió cómo los tomadores de decisiones en la bodega Round Pond Estate y la fábrica de aceitunas en Rutherford, California, se sentían sobre su sitio web. Sí, la pandilla sabía que el sitio necesitaba un lavado de cara; habían estado considerando la idea de un rediseño durante aproximadamente un año. Pero con las demandas de producción de vino, aceite de oliva y una gran cantidad de otros alimentos de alta gama, el trabajo pesado para diseñar las mejoras necesarias simplemente nunca se hizo.

Agosto de 2011 fue el punto de ruptura. Algunos clientes consideran que el sitio es "difícil de navegar". Otros dijeron que no podían encontrar la manera de comprar el vino. Por lo tanto, en un esfuerzo por brindar a los clientes una experiencia de compra más fácil y hacer crecer el negocio, Carrie Baker, coordinadora de marketing y producción de Round Pond, decidió realizar un cambio de imagen. En lugar de optar por una firma tradicional de diseño web, Baker contrató a Firefly Creative Company, un equipo de comunicaciones publicitarias y de mercadotecnia con sede en Healdsburg, California. Jim Shoop, líder tecnológico de Firefly, y Christine Martin, fundadora de la compañía, tomaron las cosas desde allí, construyendo un nuevo sitio que se lanzó en febrero.

Página de inicio: antes de

Pocos negarían la belleza de la fotografía en tono sepia de Olaf Beckmann del estanque característico de la bodega. ¿Los problemas? La imagen es demasiado pequeña, y los bordes redondeados y desvaídos son anticuados y aburridos. "Estos elementos parecen muy anticuados", dice Shoop. "Una cosa es luchar por la vieja escuela, y otra es parecer viejo". Otro problema: marginalia. Según Martin, la página tenía mucho texto, pero, en contraste con el fondo blanco, nada de eso se destacaba. "Nada sobre esta página realmente llama la atención", señala. "Sin espacio libre para proporcionar una sensación visual". prioridad, los visitantes no tienen idea de dónde buscar primero. "

Página de inicio: después de

En el nuevo sitio, la imagen de Beckmann ofrece a los usuarios de la web la misma perspectiva asombrosa que obtendrían de visitar la bodega en persona. La imagen se adapta al navegador del usuario, extendiéndose hasta los márgenes de cada pantalla. Las bandas de color en la parte superior de la página están diseñadas para ayudar a los usuarios a navegar por varios componentes dentro del sitio; los colores (y las bandas mismas) corresponden a los primeros de "cápsula" en todos los productos Round Pond, extendiendo así la marca física al espacio virtual.

En la parte inferior de la página, los cuadros de copia brindan fragmentos digeribles sobre las novedades; Baker puede actualizar imágenes y copiarlas a través del sistema de administración de contenido patentado de Firefly.

Mientras que el sitio anterior capturó videos en una página, el nuevo tiene miniaturas de video del canal de YouTube de Round Pond integradas en todo. "Todo es parte de contar una historia más rica y profunda", dice Martin. Los videos se distinguen de las imágenes fijas con una flecha blanca apagada en el centro; cuando los visitantes hacen clic en un video, aparece una ventana más grande.

Página interior: antes de

Con múltiples imágenes y largas columnas de texto, las páginas interiores del antiguo sitio Round Pond eran abrumadoras, por decir lo menos. Martin describe el texto como "intimidante" y señala que "pocos, si alguno" visitantes leerían toda la copia antes de hacer clic en otra parte. Las opciones de navegación también eran confusas, con un conjunto de subtítulos que se ejecutan sobre la página y otro conjunto apilado encima de la copia. Shoop dice que no es de extrañar que los consumidores perdieran la paciencia. "No está claro cómo moverse", dice. "Piense en los letreros de las calles cuando viaje, quiere que las indicaciones sean útiles y tengan sentido".

Página interior: Después

La simplicidad era el objetivo de las páginas de interiores en el nuevo sitio. Una imagen grande está diseñada para atraer lectores a la página, mientras que los bloques de texto son cortos y agradables para mantenerlos manejables. En ciertos casos, los visitantes pueden hacer clic en páginas secundarias para acceder a menús adicionales y más texto. La adición de pull-quotes es un elemento completamente nuevo; Martin dice que "ayudan a personalizar la marca y permiten que los visitantes del sitio establezcan conexiones". Aún así, agrega, es fundamental mantenerlos cortos.

Las páginas interiores cuentan con la misma banda tricolor de la página de inicio y muestran una versión escalada en el navegador de la imagen principal de Beckmann, que proporciona continuidad en todo el sitio.

Control deslizante de redes sociales

La mayoría de las firmas de diseño web incorporan las redes sociales en los sitios de los clientes al rociar iconos en la parte inferior de cada página. Firefly ha adoptado un enfoque diferente, acorralando los cuatro íconos más importantes: Facebook, Twitter, Yelp y YouTube, en un "Control deslizante social" rectangular que cuelga a lo largo del margen derecho de cada página. Los visitantes hacen clic en la función para interactuar; luego se abre como un cajón.

"Nos encanta porque permite a las personas usar las redes sociales sin abandonar el sitio", dice Shoop. "Cuando terminas de tuitear sobre el vino o el aceite de oliva de Round Pond, cierras el cajón y vuelves a navegar".

¿Qué sigue?

Firefly espera lanzar nuevas características para Round Pond en los próximos meses. Primero: una página que, hasta ahora, se ha conocido como "The Feed". En la superficie, sería un lugar para Round Pond para sugerir combinaciones ganadoras de vino y comida y publicar recetas que incorporen sus productos. Como característica relacionada, los visitantes podrían "me gusta" cierto contenido en Facebook, compartir emparejamientos y recetas entre amigos y cargar sus propias ideas. Shoop dice que la nueva página debería ser una gran ayuda para la optimización del motor de búsqueda y ayudará a traer nuevos clientes al sitio.

"La bodega tiene una gran apariencia nueva", dice. "Ahora la gente solo tiene que venir y verlo por sí misma".

El Firefly CMS Muchas empresas de diseño web construyen sitios en WordPress y otras plataformas de blogs. Si bien estas plataformas son excelentes para el contenido editorial y la interacción del lector (por ejemplo, comentarios), no son ideales para ventas o para la presentación de información orientada al catálogo. Para abordar este desafío, el líder tecnológico de Firefly Creative Company Jim Shoop y sus colegas desarrollaron un sistema de administración de contenido patentado que los clientes pueden usar para subir palabras, imágenes y videos como mejor les parezca.El sistema, denominado Content Command, utiliza el lenguaje de scripting PHP y la base de datos MySQL. A los clientes les gusta porque es personalizable e intuitivo; A Shoop le gusta porque la herramienta ayuda a garantizar la integridad del diseño y, por lo tanto, la integridad de la marca, con el tiempo. - M. V.