Roca Cocinas
Site del nuevo mercado de Roca
Roca Company, especialista en baños, ha confiado en Binaria para desarrollar su presencia digital en un nuevo mercado, las cocinas. El nuevo microsite está pensado para dar valor a la nueva marca sin perder la esencia de la compañía.
- AI
- Product Design
- UX/UI
- IxD
- Web development
- Soporte
El proyecto
Iniciamos el trabajo con un análisis profundo del nuevo producto, el tono de la nueva marca y las expectativas y necesidades de sus potenciales clientes. A continuación nuestra función fue conceptualizar, ordenar y jerarquizar los diferentes mensajes que debíamos transmitir.
UX/UI
Los wireframes del proyecto fueron creados a través de un análisis de la Arquitectura de la Información estableciendo los apartados y componentes más relevantes, para que el site tuviera una lectura clara y se entendiera correctamente el mensaje en cada sección.
Product design
Una vez concretado el diseño low-fi y establecidas las especificaciones con el cliente, empezamos con el diseño del producto. La prioridad fue tener en cuenta la imagen de marca y conservar la esencia, dando valor al nuevo proyecto y recreando un look&feel integrado e innovador.
Estilo
Nos basamos en los estilos de Roca e innovamos con nuevas incorporaciones tipográficas para reforzar la esencia de la nueva marca. De este modo, la incorporación de nueva iconografía y el valor de la dirección artística y la fotografía, fueron el pilar para enriquecer la web mostrando las cocinas en su máxima expresión y conservando su funcionalidad para crear un producto comprensible y claro.
Desarrollo avanzado
Para el desarrollo de esta página le propusimos a nuestro cliente un cambio en el modelo de desarrollo y apostar por unas técnicas modernas de desarrollo web JAMStack con Gatsbyjs+React, dado los buenos resultados en anteriores proyectos. El conjunto de herramientas modernas que usamos para su desarrollo se usan actualmente en multitud de proyectos avanzados de aplicaciones web (WebApps/SPA), aplicaciones web progresivas (PWA) y aplicaciones de escritorio. Estas nos permitieron llevar el proyecto a unos niveles de calidad inalcanzables con otro tipo de herramientas.
Rendimiento y optimización
Los resultados en optimización, accesibilidad y SEO con herramientas de auditoría web como Lighthouse de Google son excelentes. Destacamos el aumento del rendimiento respecto a una solución clásica basada en tecnologías de servidor y creamos una página rápida, de confianza y atractiva para el usuario con la que el cliente obtendrá una baja tasa de rebote y un aumento de conversiones.
Proceso de desarrollo
Este tipo de herramientas de desarrollo nos han permitido un sistema ágil y sencillo de previsualización durante el desarrollo reduciendo el tiempo dedicado a esta tarea. Una metodología de trabajo basada en el desarrollo de componentes aislados y un entorno fácilmente replicable, facilitan el desarrollo del site en paralelo por varios miembros del equipo. La automatización de los despliegues a producción es otro punto a destacar. Herramientas como Gatsbyjs nos permiten configurar un sistema de despliegues automáticos que reduce drásticamente la posibilidad de errores durante el proceso y una mayor seguridad frente a posibles ataques al prescindir de tecnologías de servidor y liberar a éste de carga de trabajo.
