Estudio de caso RetailNext: Diseño y desarrollo de WordPress

Fundada en 2007, RetailNext es la primera plataforma de análisis en tienda creada expresamente para abordar la cara cambiante del comercio minorista. Cientos de los principales minoristas y marcas de todo el mundo confían en RetailNext para sus análisis en tienda. Ah, y sin mencionar que recibió el premio a la Mejor Empresa por Entrepreneur 360 en 2017.

Con presencia en más de 90 países y con más de 200 empleados, logró un rápido crecimiento y expansión en una década. RetailNext se propuso crear la mejor experiencia web para los clientes que se incorporan o desean incorporarse.

RetailNext se asoció con Seahawk para diseñar un sitio web alineado con su misión de mejorar la experiencia del comprador brindando información a los minoristas. Seahawk asignó su mejor equipo, el proyecto liderado por Ryan y Gautam, y nuestros equipos de diseño y desarrollo en Polonia e India.

El proyecto se dividió en 5 fases:

• Descubrimiento y establecimiento de objetivos
• Diseño de interfaz de usuario
• Desarrollo contenido
• Reflexión y lanzamiento del proyecto
• Crecimiento

Desafíos

Ser encontrado en línea fue una gran lucha para RetailNext, y anteriormente trabajaron con otras dos empresas locales de diseño de sitios web. Aun así, no lograron ofrecer un sitio web personalizado que reflejara la visión de su marca. Todo eso cambió cuando eligieron Seahawk para rediseñar su sitio web.

El equipo de RetailNext se asoció con Seahawk para desarrollar una dirección estratégica que ayude a solidificar su posición como líder en plataformas de análisis en tiendas y comunicar una posición de liderazgo para elevar a RetailNext de otras plataformas de análisis en tiendas. Necesitaban un sitio web más clásico y moderno que fuera completamente exclusivo de su marca y que se destacara entre la multitud.

Soluciones

El objetivo del proyecto era diseñar y construir RetailNext, un sitio web de clase mundial galardonado como una de las franquicias de más rápido crecimiento. Para lograr esto, dividimos el proyecto en cinco fases y asignamos a algunos de nuestros diseñadores de UI, desarrolladores y gerentes de proyectos líderes en la industria.

Descubrimiento y establecimiento de objetivos

El inicio del proyecto comenzó con el descubrimiento de todo lo relacionado con la marca RetailNext en su conjunto. Estudiamos exhaustivamente la historia y la voz de su marca. También hicimos una auditoría de datos completa de sus análisis y creamos un informe de hallazgos con información valiosa.

Esta fase del proyecto también incluyó el establecimiento de objetivos. Ryan y Gautam analizaron el proyecto en ClickUp por etapas para garantizar que todo se mantuviera encaminado y cumpliéramos nuestros objetivos para el proyecto. No solo queríamos alcanzar nuestros objetivos de finalización, sino también ofrecer los mejores resultados, incluso si eso requería amor y paciencia.

Diseño de interfaz de usuario

Cuando Seahawk realiza un proyecto, no lo tomamos a la ligera y nos enorgullecemos de diseñar con intención. Todo lo que hacemos en un diseño tiene el propósito de impulsar la conversión y evocar emociones, incluso cosas simples como elementos y selecciones de fotografías.

De hecho, esta fase fue un proceso largo, pero queríamos asegurarnos de que RetailNext pudiera ver muchas direcciones de diseño y tomas de diferentes diseños. Asignamos a 3 de nuestros mejores diseñadores de UI para que hicieran un par de sugerencias creativas. En total, hicimos unos cinco diseños personalizados en distintas direcciones. Terminamos perfeccionando uno de ellos de nuestro diseñador Mateusz.

Desarrollo

Comenzamos mostrando ilustraciones dibujadas por María usando Illustrator para la imagen principal y, usando el diseño de Mateusz, Dawid comenzó a trabajar para realizar el diseño en Sketch. 

Para mejorar aún más el rendimiento del sitio web, Seahawk implementó rigurosas técnicas de optimización de la velocidad del sitio. A través de estrategias de optimización avanzadas, como la compresión de imágenes, la minificación de archivos CSS y JavaScript y el aprovechamiento del almacenamiento en caché del navegador, logramos mejoras significativas en la velocidad de carga del sitio web de RetailNext y en el rendimiento general. Estas optimizaciones garantizaron una experiencia de navegación más rápida y fluida para los usuarios, reduciendo las tasas de rebote y aumentando la participación de los usuarios.

RetailNext eligió Contentful CMS para trabajar en su proyecto de 30 subpáginas. Es uno de los CMS más populares del mercado actual. Como están más familiarizados con él y Seahawk es independiente del creador de CMS, pudimos utilizar Contentful.

Nuestro equipo interno inició el proceso de desarrollo después de recibir los archivos de Sketch de Dawid. Después de que Mateusz creara el sistema de diseño y la página de inicio, Martina creó y desarrolló las 30 subpáginas HTML en Contentful CMS, que estaban súper optimizadas.

Reflexión y lanzamiento del proyecto

Después de un exhaustivo control de calidad, lanzamos RetailNext! Fue un evento inspirador ya que este fue uno de los grandes y sencillos proyectos en los que hemos disfrutado trabajando. 

Aquí está el enlace al proyecto RetailNext Figma y también puede visitar de RetailNext .

Testimonial

Flexible, buen trabajo, entrega a tiempo
“ Seahawk nos ayudó recientemente con el rediseño del sitio web y la reelaboración de la marca. Teníamos algunos requisitos muy específicos en torno a esto, ya que parte del trabajo se realizó internamente y se adaptaron muy bien a nuestras necesidades. Los entregables fueron de muy buena calidad y llegaron dentro del plazo acordado. Definitivamente los usaría nuevamente en el futuro y los recomendaría para cualquier trabajo relacionado con el diseño. ” – ¡Arun Nair, director de tecnología de RetailNext!

Asociación

Ha sido un honor trabajar con el equipo de RetailNext en este proyecto. Su marca representa muchas cosas buenas y nos sentimos honrados de ser parte del proyecto con su talentoso equipo.

Créditos

halcón marino

• Ryan y Gautam - Líder del proyecto
• Mateusz – Diseñador jefe de interfaz de usuario
• María Keller – Ilustraciones