Everlast.com: A Case Study
Everlast es el líder mundial y el estándar de la industria cuando se trata de boxeo y otros deportes de lucha. Aquí hay un vistazo rápido debajo del capó de la nueva
Everlast.com
y una pequeña visión de por qué fue un proyecto tan emocionante y exitoso para nosotros. Nos centraremos en tres cosas. Es receptivo, utiliza un video HTML5 actualizado, y es infinitamente escalable a medida que crece el negocio de Everlast.
Es receptivo
En primer lugar, el nuevo everlast.com responde. No muchas marcas grandes pueden decir esto (aunque ese número está creciendo). El beneficio para Everlast es que con una construcción y un lanzamiento, tienen un sitio web hermoso y nuevo para todos los navegadores, tabletas, teléfonos, televisores y cualquier dispositivo nuevo que salga en el futuro.
[Critte ID = "Attachment_1102" align = "alignnone" width = "640"]
Página de inicio Everlast, que se muestra en algunos dispositivos diferentes [/Cuttion]
[Tritter ID = "Attachment_1104" align = "alignnone" width = "640"]
Página de atletas Everlast, que se muestra en el escritorio y en el móvil (extendido para mostrar el desplazamiento) [/Título]
Además, actualizan su contenido a través del panel de Brolik, nuestro CMS patentado, que actualiza todos los dispositivos con la nueva información al mismo tiempo.
[Tritter ID = "Attachment_1107" align = "alignnone" width = "640"]
Vista del tablero de Brolik para Everlast.com, editando una página de atleta [/Título]
Utiliza video HTML5
Construido en la parte superior del marco receptivo hay una infraestructura para un video HTML5 escalable completamente actualizable. Esto significa que Everlast puede cargar un solo archivo de video, ya sea rápido, un video flash o cualquier formato existente que ya tengan, y el sitio web funciona en segundo plano convirtiendo ese video en cinco formatos de archivo diferentes, cada uno con su propio propósito para mostrar videos en diferentes navegadores o en diferentes dispositivos. Nos conectamos a un servicio llamado
Zencoder
para ayudar a codificar, y hemos sido nada menos que su poder.
[Tritter ID = "Attachment_1108" align = "alignnone" width = "640"]
Captura de pantalla de la página de medios Everlast.com y el reproductor de video HTML5 personalizado [/Cuttion]
Además, todo el video en el sitio escala y responde al tamaño del navegador, con la opción de expandirse al modo de pantalla completa. Los controles de los jugadores están todos basados en CSS, e incluso el Flash Fallback para los navegadores más antiguos se actualiza con esa misma hoja de estilo único. Para las entrañas del reproductor usamos
Video.js
, otra herramienta realmente impresionante.
Es escalable y flexible
Lo último que nos encantaría señalar es a prueba de futuro y escalabilidad. Everlast actualmente tiene tres áreas principales de enfoque al comercializar sus negocios y productos: boxeo, MMA y fitness. Sin embargo, estaban interesados en resaltar potencialmente a "mujeres" como otra área clave de enfoque en el futuro, y también podrían querer agregar otro deporte en el camino. En lugar de construirlos una página codificada para cada deporte con sus propios "medios" codificados, páginas "atletas" y "tecnologías", creamos un sistema de etiquetado personalizado que permite que el sitio web de Everlast crezca perfectamente a medida que la marca evoluciona.
En el backend, en todo el sitio, Everlast puede etiquetar a los atletas, los medios y otros contenidos con diferentes deportes o marcarlos como "mujeres", para que el contenido se muestre donde sea aplicable en la parte delantera. El sistema de etiquetado es infinitamente expandible. Esto significa que en el futuro, el sitio puede escalar rápida y fácilmente para adaptarse a las necesidades cambiantes de su negocio, ya sea que agregan otro deporte o que decidan que necesitan una sección que muestre atletas solo olímpicos, por ejemplo.
[Critte ID = "Attachment_1109" align = "alignnone" width = "640"]
Vista de la función Taggin en el tablero de Brolik para Everlast.com [/Cuttion]
Además, el contenido etiquetado es "Agnóstico de página" y se muestra en la parte delantera en función de las etiquetas. Entonces, por ejemplo, cuando Everlast sube una imagen de papel tapiz y la etiqueta con "Boxing" y "Andre Ward", esa única pieza de contenido aparecerá en la página de medios, la página de medios de boxeo y en la página de atletas de Andre. Todo con una sola carga. Entonces, si Everlast quiere cambiar el título o la propaganda para ese fondo de pantalla, se editan actualizaciones de ese sitio de pantalla en todo el sitio.
Terminamos con un producto que fusiona una serie de nuevas tecnologías y sistemas inteligentes. Estamos muy orgullosos de ello. A medida que Everlast avanza, tienen la capacidad de actualizar rápida y fácilmente su sitio en todas partes donde su audiencia lo verá, y pueden controlar constantemente su marca en el mundo digital de rápido crecimiento y cambio. Sigue mirándolos mientras empujan su contenido más rápido y más bellamente que nunca.
Página de inicio Everlast, que se muestra en algunos dispositivos diferentes [/Cuttion]
[Tritter ID = "Attachment_1104" align = "alignnone" width = "640"]
Página de atletas Everlast, que se muestra en el escritorio y en el móvil (extendido para mostrar el desplazamiento) [/Título]
Además, actualizan su contenido a través del panel de Brolik, nuestro CMS patentado, que actualiza todos los dispositivos con la nueva información al mismo tiempo.
[Tritter ID = "Attachment_1107" align = "alignnone" width = "640"]
Vista del tablero de Brolik para Everlast.com, editando una página de atleta [/Título]
Utiliza video HTML5
Construido en la parte superior del marco receptivo hay una infraestructura para un video HTML5 escalable completamente actualizable. Esto significa que Everlast puede cargar un solo archivo de video, ya sea rápido, un video flash o cualquier formato existente que ya tengan, y el sitio web funciona en segundo plano convirtiendo ese video en cinco formatos de archivo diferentes, cada uno con su propio propósito para mostrar videos en diferentes navegadores o en diferentes dispositivos. Nos conectamos a un servicio llamado
Zencoder
para ayudar a codificar, y hemos sido nada menos que su poder.
[Tritter ID = "Attachment_1108" align = "alignnone" width = "640"]
Captura de pantalla de la página de medios Everlast.com y el reproductor de video HTML5 personalizado [/Cuttion]
Además, todo el video en el sitio escala y responde al tamaño del navegador, con la opción de expandirse al modo de pantalla completa. Los controles de los jugadores están todos basados en CSS, e incluso el Flash Fallback para los navegadores más antiguos se actualiza con esa misma hoja de estilo único. Para las entrañas del reproductor usamos
Video.js
, otra herramienta realmente impresionante.
Es escalable y flexible
Lo último que nos encantaría señalar es a prueba de futuro y escalabilidad. Everlast actualmente tiene tres áreas principales de enfoque al comercializar sus negocios y productos: boxeo, MMA y fitness. Sin embargo, estaban interesados en resaltar potencialmente a "mujeres" como otra área clave de enfoque en el futuro, y también podrían querer agregar otro deporte en el camino. En lugar de construirlos una página codificada para cada deporte con sus propios "medios" codificados, páginas "atletas" y "tecnologías", creamos un sistema de etiquetado personalizado que permite que el sitio web de Everlast crezca perfectamente a medida que la marca evoluciona.
En el backend, en todo el sitio, Everlast puede etiquetar a los atletas, los medios y otros contenidos con diferentes deportes o marcarlos como "mujeres", para que el contenido se muestre donde sea aplicable en la parte delantera. El sistema de etiquetado es infinitamente expandible. Esto significa que en el futuro, el sitio puede escalar rápida y fácilmente para adaptarse a las necesidades cambiantes de su negocio, ya sea que agregan otro deporte o que decidan que necesitan una sección que muestre atletas solo olímpicos, por ejemplo.
[Critte ID = "Attachment_1109" align = "alignnone" width = "640"]
Vista de la función Taggin en el tablero de Brolik para Everlast.com [/Cuttion]
Además, el contenido etiquetado es "Agnóstico de página" y se muestra en la parte delantera en función de las etiquetas. Entonces, por ejemplo, cuando Everlast sube una imagen de papel tapiz y la etiqueta con "Boxing" y "Andre Ward", esa única pieza de contenido aparecerá en la página de medios, la página de medios de boxeo y en la página de atletas de Andre. Todo con una sola carga. Entonces, si Everlast quiere cambiar el título o la propaganda para ese fondo de pantalla, se editan actualizaciones de ese sitio de pantalla en todo el sitio.
Terminamos con un producto que fusiona una serie de nuevas tecnologías y sistemas inteligentes. Estamos muy orgullosos de ello. A medida que Everlast avanza, tienen la capacidad de actualizar rápida y fácilmente su sitio en todas partes donde su audiencia lo verá, y pueden controlar constantemente su marca en el mundo digital de rápido crecimiento y cambio. Sigue mirándolos mientras empujan su contenido más rápido y más bellamente que nunca.