ICEX
Invest in Spain
ICEX - Invest in Spain se renueva y moderniza completamente
| Cliente | ICEX - Invest in Spain |
|---|---|
| Desarrollo | nazaríes intelligenia |
| País | España |
Invest in Spain es una Dirección Ejecutiva de ICEX España Exportación e Inversiones, entidad Pública y Empresarial presidida por la Secretaría de Estado de Comercio del Ministerio de Industria, Comercio y Turismo.
Su misión es la de promover la inversión extranjera directa (IED) en España y ser el soporte de los empresarios y emprendedores que buscan establecer sus negocios en nuestro país.
Colores principales
Para el desarrollo de los diseños y uso del color y tipografía en el proyecto ICEX-Invest in Spain, tuvimos que tener en cuenta el requerimiento de Accesibilidad AA que el site necesitaba (los mismos que hereda de la Identidad Corporativa Digital del ICEX).
Estos requerimientos nos exigían que hubiera un contraste mínimo entre el color de fondo y el color del texto sobre ese fondo. Este contraste produce una mayor legibilidad de los textos y ayuda a usuarios que tengan dificultades físicas para su lectura.
PANTONE 485C
HEX #DA291C
RGB 218/41/28
PANTONE 432C
HEX #333F48
RGB 51/63/48
PANTONE 116C
HEX #FFCD00
RGB 255/205/0
Colores secundarios
Los colores secundarios también vienen heredados de la identidad corporativa del ICEX.
Se ha aportado como nuevo elemento de color corporativo un degradado con origen en un color anaranjado y finalizando en el rojo corporativo de la marca. Un uso de este degradado puede observarse en el apartado de iconografía general. Igualmente puede utilizarse como trama sobre imágenes de fondo.
HEX #A01A1C
RGB 160/26/28
HEX #BC131C
RGB 188/19/28
HEX #D4161B
RGB 212/22/27
HEX #D52B1E
RGB 199/76/0
HEX #CC4E00
RGB 199/76/0
HEX #FF6201
RGB 255/98/1
HEX #929296
RGB 146/146/150
HEX #7A777A
RGB 122/119/122
HEX #646468
RGB 100/100/122
HEX #3D3D42
RGB 61/61/66
HEX #009BB7
RGB 0/155/183
HEX #007E94
RGB 0/126/148
Tipografía
La tipografía utilizada es la Barlow, una tipografía con una gran versatilidad y alta legibilidad. Además se porta muy bien a la hora de su utilización en gráficos, mapas e infografías.
Light
ABCDEFGHIJKLM NÑOPQRSTUVWXYZ abcdefghijklm nñopqrstuvwxyz 1234567890
Regular
ABCDEFGHIJKLM NÑOPQRSTUVWXYZ abcdefghijklm nñopqrstuvwxyz 1234567890
Bold
ABCDEFGHIJKLM NÑOPQRSTUVWXYZ abcdefghijklm nñopqrstuvwxyz 1234567890
Esta web es un “traje de alta costura”.
Como el contenido visual que hemos utilizado es potente le hemos dejado su espacio para que tenga su protagonismo.
UI/UX a medida
Usabilidad, experiencia de usuarios y diseño de interfaces desarrollados con mimo y cuidado.
El site de ICEX-Invest in Spain contiene un extensísimo volumen de contenido, de ahí la complejidad que nos encontramos a la hora de desarrollar una arquitectura web que consiguiera una buena navegabilidad y llevase al usuario a encontrar con facilidad la información que desease. El contenido dispuesto en cada una de las páginas también está planteado para que su estructuración facilite la experiencia de usuario.
En cuanto al diseño de interfaces, pusimos mucho cuidado en mantener coherencia gráfica entre todos los elementos presentes y del espacio que hay entre ellos (aire) y usar gráficos, infografías que facilitasen la comprensión de la información.
Con todo lo anteriormente mencionado, conseguimos que los diseños presentados tuvieran:
- Una estructura de página clara, ordenada de acuerdo a una jerarquía de información.
- Un diseño limpio: donde el “aire” inter-elementos ayudan a generar dicha sensación de limpieza y orden.
- Un contenido legible, ordenado a la vista y de fácil lectura.
Elementos 3D y gráficos
Todos los elementos y funcionalidades del la web han sido tratados para mantener una línea gráfica uniforme en todas sus páginas. Gráficos y elementos en 3D nos ayudan a comprender mejor los contenidos publicados.
Modernidad y creatividad con mucha esencia española
¿El resultado? Una web diseñada a medida, que muestra detalles muy cuidados en cada una de sus páginas.
Detalles a medida
Hasta el más mínimo detalle está personalizado en este proyecto. Todos los elementos gráficos (iconos, gráficos, tablas, infografías, etc.,) están pensado para potenciar la fuerza de los mensajes que se presentan junto a ellos, presentando módulos atractivos y originales que ayudan a centrar el foco de atención del usuario.
Diseño responsive: adaptable, navegable y agradable
Web-site adaptado a distintos navegadores y dispositivos móviles.
Usamos la metodología mobile first durante en el proceso de diseño, que nos permite inicialmente filtrar todo lo superfluo y hacer un diseño responsive no solo basado en el aspecto gráfico sino también en el contenido. Según el tamaño de la pantalla se va añadiendo información. De esta manera obtenemos unos resultados de diseños, que a la hora de maquetarlos se adaptan fácilmente a los distintos navegadores y dispositivos móviles.
