IDENTIDAD Y DISEÑO WEB:
NUTRIFEEDS
El proyecto de Nutrifeeds comenzó con el desarrollo de su identidad visual, estableciendo un sistema gráfico sólido que sirviera de base para todas las aplicaciones del proyecto. Se trabajó el logotipo, la paleta cromática, la tipografía y un manual de marca que define criterios claros de uso y garantiza coherencia en los distintos soportes.
La identidad se planteó desde un enfoque sobrio y funcional, alineado con el carácter científico y divulgativo del proyecto. El objetivo fue construir un lenguaje visual claro y accesible, capaz de comunicar contenidos técnicos de forma ordenada y comprensible para públicos diversos.
A partir de esta base se desarrolló la web corporativa, trasladando los principios de la identidad al entorno digital. El diseño web prioriza la jerarquía de la información, la legibilidad y una navegación clara, facilitando el acceso a los objetivos, contenidos y avances del proyecto.
El desarrollo se orientó a crear una plataforma flexible y escalable, adaptada a distintos dispositivos y preparada para la gestión y actualización continua de contenidos, asegurando la coherencia visual y funcional a largo plazo.
Software: Adobe Illustrator, Photoshop y Elementor.
Empresa: Contactica
Cliente: Nutrifeeds
IDENTIDAD
La identidad visual de Nutrifeeds se basa en un diseño limpio y orgánico, donde la letra inicial se convierte en una hoja estilizada que representa naturaleza, sostenibilidad y nutrición. La combinación de tonos verdes y marrones refuerza valores como el crecimiento, la estabilidad y la confianza.
La tipografía de formas redondeadas aporta cercanía y equilibrio, dando lugar a una identidad moderna, accesible y fácilmente adaptable a distintos soportes digitales y gráficos.
PALETA CROMÁTICA
La paleta cromática de Nutrifeeds se construye a partir de un marrón anaranjado como color principal, asociado a la tierra, la nutrición y los procesos naturales. Este tono aporta calidez y solidez a la identidad, funcionando como base en aplicaciones gráficas y reforzando la conexión del proyecto con el origen de los recursos y la sostenibilidad.
Como color complementario se utiliza un verde oscuro, que introduce equilibrio y profundidad, reforzando la dimensión científica y técnica del proyecto. Un verde más claro se emplea como tono de contraste para destacar elementos clave y aportar frescura al conjunto, mientras que un color crema actúa como fondo neutro, mejorando la legibilidad y aportando una sensación de cercanía y claridad en los distintos soportes.
WEB
El diseño de la web se desarrolló a partir de la identidad visual definida previamente, trasladando sus principios gráficos al entorno digital. Se trabajó una estructura clara y ordenada, con especial atención a la jerarquía de la información y a la legibilidad de los contenidos, facilitando la presentación de información técnica y divulgativa de forma accesible. La web funciona como un espacio centralizado para comunicar los objetivos, avances y recursos del proyecto.
RESPONSIVE
El diseño responsive se planteó desde el inicio del desarrollo, asegurando una experiencia consistente en distintos dispositivos y tamaños de pantalla. La adaptación de la estructura, los elementos visuales y la tipografía permite mantener la claridad y coherencia de la identidad tanto en escritorio como en dispositivos móviles, garantizando una navegación fluida y funcional en todos los contextos de uso.