MANUAL DE USO DEL SITE DE ARQUITECTURA EMPRESARIAL

Page 1

CONTENIDO
5 9 13 14 16 18 19 20 21 22 24 25 CAPITULO 1. ANÁLISIS DE LA NECESIDAD CAPITULO 2. PROPUESTA DE LA PÁGINA WEB Y MANUAL DE USO E IMPLEMENTACIÓN 2.1. Identificador visual del área de Arquitectura empresarial 2.2. Paleta de colores del sitio web 2.3. Tipografías 2.4. Fondos 2.5. Banco de imágenes 2.6. Recursos gráficos 2.7. Banners 2.8. Botones 2.9. Textura para fotos 3
INTRODUCCIÓN

INTRODUCCIÓN

Para el desarrollo de este documento se han considerado diferentes apartes de los escritos e información de la Compañía. Con el transcurrir del tiempo, cada uno de los negocios del Grupo Nutresa se enfrenta a diferentes retos para crecer y permanecer como una compañía con alta participación en el mercado implementando acciones favorables, que les permita avanzar y seguir siendo reconocida como una organización relevante en el mercado de alimentos en América Latina y otros países del mundo en los que ha llegado con un gran portafolio de productos y servicios sostenibles. Debido a las variaciones del mercado, es necesario una resiliencia organizacional que permita afrontar los diferentes desafíos que se ven presentes en entornos volátiles apoyándose de la tecnología y la innovación.

El área de Arquitectura Empresarial de Servicios Nutresa busca escuchar y entender las diferentes necesidades que tiene cada negocio frente a los retos del mercado para apoyar la correcta toma de decisiones de inversión; a través de la implementación de estrategias y herramientas tecnológicas.

Se requiere que toda la información recopilada sobre objetivos estratégicos, planes, estado y necesidades tecnológicas actuales

5

y de futuro de los negocios pueda ser visualizada de manera gráfica y clara por los miembros de la organización. Por lo tanto, se hace necesaria la creación de un portal web interno donde cada persona que navegue por él pueda entender e ilustrarse sobre que es la Arquitectura Empresarial, en que se enfoca esta nueva área, sus procesos y cuál es su papel dentro de Servicios Nutresa. Además, podrán encontrar la estrategia de la organización, infografías de los planes estratégicos 2022 de cada negocio y los Mapas de ruta representados en diagramas que muestran el estado de los planes de adopción de tecnología implementados para el desarrollo de dichos planes estratégicos. Todo esto se realiza teniendo en cuenta los lineamientos del área determinados para representar de forma correcta

la identidad de la marca del Grupo Nutresa en el diseño y producción de este medio digital de comunicación, siguiendo los estándares de uso de los colores corporativos y colores complementarios preestablecidos que representan la marca, las proporciones del logo y sus versiones monocromáticas para aplicarlas sobre diferentes fondos o texturas para lograr una armonía visual. Además de tener en cuenta las tipografías indicadas para representar cada idea de forma clara y concreta, manejando un lenguaje cálido y cercano en cada texto que se reproduzca, como lo expresa el manual de marca. También que se entrega un manual de usuario, para mayor comprensión del sitio Web, que redunde en la correcta implementación, actualización y manejo del portal.

6

CAPITULO 1. ANÁLISIS DE LA NECESIDAD

De acuerdo con los diferentes documentos e información que la organización facilita, Grupo Nutresa y su propósito de “construir un mundo mejor donde el desarrollo sea para todos” busca suplir las necesidades y gustos de sus compradores y se preocupa por brindar ayuda a los negocios en procesos como Auditoría y Control, Servicios Administrativos, Negociación en Compras, Administración de Riesgos y Seguros, Contabilidad, Tesorería, Impuestos, Asistencia Legal, Planeación Financiera, Tecnología Informática y Desarrollo Humano y Organizacional, a través de Servicios Nutresa, un centro de servicios empresariales compartidos con el fin de apoyar el desarrollo económico, el progreso social y la sostenibilidad ambiental.

Es por esto que, la dinámica de trabajo en el Área de Arquitectura Empresarial implica la realización de 20 reuniones de forma virtual donde cada negocio se da a conocer un poco mejor, expone a los colaboradores de Servicios Nutresa sus planes estratégicos, sus casos de éxito, las iniciativas donde se requiere de apoyo integral y se debaten aspectos necesarios para lograr las metas del 2030 de crecer y duplicar las ventas. Junto con la Gerencia y las Direcciones de TI+I se realiza ejercicios de prospectiva y análisis de nuevas tendencias tecnológicas pertinentes para las necesidades y retos propuestos, donde se ofrece asesoría y apoyo en la elección de soluciones tecnológicas.

9

La construcción de este sitio web busca dar acceso a la información obtenida de las reuniones a usuarios claves dentro de la organización y los negocios, siguiendo la estrategia de servicios Nutresa de implementar canales internos de comunicación como los micro sitios. Se crea la necesidad de construir un portal web para la Arquitectura Empresarial de TI, ya que es un área nueva y necesita dar a conocer a todos los colaboradores su propósito en el campo organizacional. Mostrando un repositorio de la información más relevante de las generalidades de los negocios e iniciativas de forma fácil y dinámica, con el fin de encontrarla en un solo lugar haciendo del acceso al contenido más ágil y de algunos procesos más eficientes.

Por lo dicho anteriormente, es un reto el desarrollo funcional y dinámico de todas las piezas asociadas, de acuerdo con un resumen previo de la información de las distintas sesiones mencionadas y, los conceptos y procesos del área, para luego ser plasmados en diversas infografías, ilustraciones y diagramas. Por tanto, como lo expresa (García de León Alicia, 2002) “Los recursos gráficos son un aporte invalorable en la exposición y acceso a la información, deben ser un auxilio y de ninguna manera se pueden transformar en un obstáculo que aparte al usuario de los contenidos”. Y, todo aquel que ingrese al sitio web se vea atraído a explorar y entender sobre la Arquitectura Empresarial de Grupo Nutresa.

10

CAPITULO 2. PROPUESTA DE LA PÁGINA WEB Y MANUAL DE USO E

IMPLEMENTACIÓN

Debido a la necesidad de integrar el Área de Arquitectura Empresarial a los canales internos de comunicación de la Organización para evitar la restricción de la información y no ralentizar los procesos de análisis e implementación de los proyectos y soluciones por parte de los equipos de la Gerencia de Servicios Nutresa, se desarrolla un sitio web el cual contiene una breve introducción a la Arquitectura Empresarial y sus procesos, una descripción concisa del equipo de trabajo, la estrategia de la organización alineada con los retos de los negocios resumidos en piezas gráficas y diagramas que muestran hacia dónde va Grupo Nutresa. Todo esto, siguiendo la línea gráfica de la marca Grupo Nutresa plasmada en un manual de uso e implementación de la página web donde se especifica que paleta de color usar, la tipografía y los tamaños de letra, la fuente de fotografías e imágenes corporativas aprobadas para su aplicación en las diferentes piezas gráficas dentro del portal.

13

2.1. Identificador visual del área de Arquitectura empresarial

Se construye así:

• Primero, se da una identidad visual al área de Arquitectura Empresarial, nueva en Servicios Nutresa, haciendo un identificador visual a partir del nombre “Arquitectura Empresarial”, usando la tipografía Foco y sus distintos pesos conservando la identidad corporativa, esto con el fin de darle una imagen y que pueda ser distinguida entre las demás áreas de TI. También se crea un elemento gráfico conformado por tres piezas de lego entrelazadas, las cuales forman un triángulo que hace referencia a la letra “A” de Arquitectura, además representan la integración de los diferentes procesos de la Arquitectura empresarial para construir soluciones frente a los retos estratégicos de la organización.

• Segundo, se establece una versión para este identificador visual en positivo para utilizar en fondos blancos o de colores claros el cual tiene los colores primarios de la marca, y otra versión en negativo hecho a partir de una escala de grises para aplicar en piezas gráficas con fondos negros u oscuros todo esto para lograr contraste visual.

PARA DESCARGAR

14

2.2. Paleta de colores del sitio web

La paleta de colores usada en este sitio web y en cada una de las piezas gráficas del mismo, están basadas en los colores primarios que consolidan la identidad de Nutresa como lo dice el manual corporativo. La intención es que cada pieza destaque, siendo llamativa con la ayuda del color sin perder la personalidad de la marca.

La figura muestra la paleta de color seleccionada, para usar tanto en los elementos gráficos como en la estructura del sitio web, específicamente del área de Arquitectura Empresarial. Cada color evoca emociones, refleja simbolismos relacionados con la naturaleza, la tranquilidad relacionándolos con el crecimiento y la renovación. Los colores están pensados para dar contraste en fondos y acompañar cada pieza gráfica de forma armoniosa.

PARA DESCARGAR

16

2.3. Tipografías

Las tipografías elegidas para esta página web, son las mismas usadas en la comunicación interna de Servicios Nutresa siguiendo su línea gráfica aplicada en las diferentes herramientas de Google Workspace.

Para los títulos se utiliza la fuente tipográfica Poppins – Grueso, en tamaño 18 puntos. Se debe usar el codigo de color #095459 o #434343 en la tipografía, de acuerdo al color de fondo sobre el que esté (Fondo blanco o Fondo degradado gris).

Se recomienda la tipografía Nunito –Normal con un tamaño de letra de 14 puntos para los cuerpos de texto. Se aplica color a esta funte de acuerdo al tipo de fondo que se utilice, al igual que el caso anterior.

La figura muestra la tipografía determinada, para usar en títulos y cuerpos de textos en el portal web, las cuales se pueden seleccionar facilmente de la lista de funtes que Google Sites ofrece. Estas son un tipo de letra que se caracterizan, por facilitar la lectura en tamaños pequeños y sus tamaños más gruesos son ideales para impactar en titulares. Además, es tipografía neutra y minimalista que suele transmitir modernidad.

18

2.4. Fondos

Para el fondo de cada subpágina del sitio web se utiliza la aplicación del color blanco (#f ffff) o el fondo degradado con gris indicado en el manual de uso de este sitio web. para dar contraste con los colores que se usan en las tipografías anteriormente mencionadas.

La figura indica los dos fondos seleccionados en la construcción de las diferentes piezas gráficas, para la página web y que a su vez contrastan con la paleta de colores.

PARA DESCARGAR

19

2.5. Banco de imágenes

Servicios Nutresa cuenta con varios bancos de imágenes corporativas, los cuales tiene fotografías de muchos de los colaboradores de Servicios Nutresa y de los diferentes negocios que hacen parte de la organización. Se establece que estas son las imágenes ideales para complementar las diferentes piezas gráficas que se van a incluir en la página web del área de Arquitectura Empresarial.

La figura detalla algunas de las fotografías de la compañía, las cuales tienen la intención de comunicar cercanía, mostrar el lado humano de la compañía y transmitir un mensaje menos técnico por uno más personal.

PARA IR A BANCO DE IMÁGENES UNO

PARA IR A BANCO DE IMÁGENES DOS

PARA IR A BANCO DE IMÁGENES TRES

20

2.6. Recursos gráficos

Para construir las diferentes piezas gráficas que se van a utilizar dentro de la página web como infografías, presentaciones y esquemas, se establece el uso de iconos, imágenes e ilustraciones que ayuden a diagramar de forma más gráfica y creativa la información que se quiere compartir. A continuación, se anexa algunas páginas utilizadas para adquirir dichos recursos gráficos.

En este caso, la ilustración da cuenta del tipo de iconos que se recomiendan usar. Tanto los iconos como las ilustraciones deben aplicarse a un solo tono de la paleta de color establecida para la página web, o en lo posible evitar el exceso de color dentro de las piezas gráficas. para ir a flaticon.es para ir a freepik.es para ir a storyset.com

21

2.7. Banners

Para el desarrollo de los diferentes banners se tiene en cuenta el tema de cada subpágina del Sitio Web dando contexto del tema principal de cada subpágina de forma gráfica y llamativa.

La imagen corresponde a la plantilla prediseñada, que se debe usar para construir los diferentes banners de cada subpágina del sitio web. Estas piezas digitales están creadas a partir de fotografías propias de Grupo Nutresa, un título, su respectiva textura y el fondo degradado en gris, para obtener una composición armoniosa agradable a la vista del espectador, la cual comunique de forma acertada el contexto de lo que en ese momento se va a hablar.

PARA IR A PLANTILLA DE BANNERS

22

2.8. Botones

Para la construcción de los botones, que llevan a las diferentes subpáginas del portal web se utilizan fotografías específicamente de Grupo Nutresa relacionadas con el tema que se va a hablar. Esta plantilla recomienda utilizar la tipografía Poppins – Grueso para títulos en color blanco (#fffff), está prediseñanda con su respectiva textura siguiendo la línea gráfica establecida para el sitio web.

Esta pieza gráfica muestra la plantilla, para editar los diferentes botones de la página web, los cuales se construyen a partir de una fotografía corporativa y el título que da contexto a la subpágina donde va a redireccionar el botón.

PARA IR A PLANTILLA DE BOTONES

24

2.9. Textura para fotos

Se crea esta textura para aplicar sobre fotografías que se desean alinear a la identidad visual del área. Prediseñana, a partir de rombos, que se relaciona con la forma cuadrada de las piezas de lego utilizadas en el concepto del identificador visual. Se da dinamismo a esta figura al girarla y tomar la posición de rombo haciendo que cada pieza resalte a partir de la identidad visual que se le quiere dar al sitio web. Dicha textura se aplica para fotografías e imágenes dentro del portal.

La figura corresponde a la plantilla que debe ser utilizada para las fotografías corporativas, dándole así la línea gráfica a los registros fotográficos de los colaboradores.

PARA IR A PLANTILLA TEXTURA PARA FOTOS

25

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
MANUAL DE USO DEL SITE DE ARQUITECTURA EMPRESARIAL by Stefania Martinez Monsalve - Issuu