Sitio Web:
Contexto »
JJC es un grupo empresarial peruano especializado en servicios de ingeniería, construcción, minería e infraestructura. Cuenta con casi 70 años de experiencia internacional, durante los cuales ha desarrollado proyectos de alta complejidad en diversos escenarios.
Al inicio del proyecto, el cliente solicitó la renovación de su sitio web con el fin de modernizarlo, agilizarlo y mejorar su comunicación digital. Sin embargo, durante su proceso de investigación y análisis, Lyon identificó la oportunidad de realizar una renovación en diversos elementos de la identidad visual para potenciar la comunicación estratégica y mejorar las capacidades expresivas de la marca, tanto en su entorno digital como en otros ámbitos.
Lyon identificó diversos problemas comunicativos en la web, así como en la estrategia comunicativa general de la marca, desde falta de coherencia entre los diversos recursos visuales, hasta la falta de elementos identificables que pudieran generar un reconocimiento. Por ello, a partir de los objetivos trazados para la marca y de sus necesidades de comunicación específicas, se optó por ofrecer soluciones que abordaran estos problemas de manera integral.
Para ello, Lyon desarrolló la web buscando potenciar tanto la comunicación digital como la presencia de la marca. Se desarrolló un minucioso proceso de experiencia de usuario, que optimizara diversos aspectos, como la navegación, la gestión de SEO, y la línea gráfica. Adicionalmente, fue necesario realizar ajustes en diversos elementos gráficos de la marca, que pudieran darle mayor presencia y coherencia al sistema. Se optó por unificar la paleta cromática hacia colores fríos, reminiscentes del entorno tecnológico y cambiar la tipografía de marca para lograr mayor claridad y expresividad; asimismo, se desarrolló un sistema iconográfico que generara reconocimiento a través de sus formas angulares y su aplicación de los nuevos colores de la identidad. De esta manera, la web se vio potenciada no solo por un meticuloso proceso de UX y una línea gráfica más moderna y alineada a los objetivos de la marca, sino también por ajustes de identidad que potenciaron la comunicación visual y estratégica.
Equipo
Dirección General: Roger Lara
Dirección de Arte: Paola Bautista
Dirección UX: Heison Espinoza
Diseño UX: Pedro Parra
Diseño UI: Paola Bautista
Diseño: Alex Novoa, Dayana Gomero
Redacción: Daniel Zúñiga
Portafolio: Paola Bautista
Animación: Daniel Castañeda
Auditoría de marca
FASE 1 :: Análisis
Tras un análisis exhaustivo, se llegó a la conclusión de que no existía una estructura definida o una experiencia de navegación establecida. Además de la ausencia de lineamientos comunicativos coherentes. En conclusión, se tomaron medidas para intervenir en estos puntos y generar una mejor experiencia de usuario.
UX
FASE 2 :: Experiencia de usuario
A partir de nuestra investigación, hemos identificado puntos clave para mejorar la interfaz y la experiencia de usuario. Para lograr esto, hemos creado una estructura clara y coherente que permita una navegación intuitiva y fácil de usar.
UI
FASE 3 :: Interfaz de usuario
Establecido el desarrollo UX, comenzamos a desarrollar una identidad visual distintiva para nuestra marca. Esto implicó definir una paleta de colores consistente, seleccionar tipografías adecuadas y utilizar imágenes que proyecten la experiencia y el profesionalismo de la marca.
— Actualización de la paleta de color del logo
— Actualización de color
— Sistema tipográfico
— Colorimetría aplicada
— Filtro fotográfico
Filtro fotográfico
Desarrollamos un efecto de imagen con colores cálidos y una saturación moderada para que las imágenes se destaquen en el entorno digital y tengan un mayor impacto visual para los usuarios.
— Sistema de comunicación digital
Estilo iconográfico
La paleta de colores y bordes cuadrados utilizados en la iconografía hacen que sea fácilmente distinguible y distintiva en relación a la marca.
— Iconos desarrollados para Sinfonía por el Perú
— Wireframes
Sistema visual
Nuestro trabajo ha dado como resultado una marca moderna y profesional, que representa de manera clara y directa la experiencia y trayectoria de la empresa.
Presencia web de marca
FASE 4 :: Implementación
El sistema de la página web ha sido diseñado con una experiencia de usuario coherente con la gráfica, lo que se traduce en un sistema sólido y eficiente para el usuario.»
— Diseño de aplicación responsive
— Diseño de pantallas para la web
— Diseño de aplicación responsive
— Diseño de pantallas responsive
Gestión de marca
FASE 6 :: Experiencia
Hemos logrado crear una marca coherente que refleja el profesionalismo, la experiencia y la modernidad de la marca, para ofrecer una mejor experiencia a sus usuarios.
Gestión de marca
RESULTADOS
Consolidación de marca
Resultado ::
Gracias a la aplicación de los fundamentos establecidos, la página web del Grupo JJC se presenta de manera coherente, transmitiendo el profesionalismo del rubro y brindando una experiencia intuitiva y eficiente para los usuarios.