Material para web de Grupo Consultoría

HOME
-banner principal (2900 x 1920px) sin textos encima, los textos se colocan de manera dinámica, importante no ubicar elementos que se puedan cortar
como rostros de personas en las esquinas en el escalado pueden perderse elementos, el escalado es cuando se ve en una resolución mas alta, por ejemplo
esta es la imagen que está en el sitio de muestra y el escritorio sobre el cual está el computador se corta o pierde parte del mismo:

Se recomiendan un máximo de 4 banners por temas de

carga y desempeño

Imágenes para el quiénes somos la de fondo (1024 x

1024) la imagen que esta encima (1024x1024) miden lo
mismo la diferencia de tamaño es el escalado que se
logra por medio de código.
Importante la imagen nos la pasan cuadrada, nosotros le
damos el efecto circular por medio de código, por tanto
es importante que no se ubiquen elementos que se
puedan cortar al aplicar el efecto.
 Iconos de la sección Cuanto
mejor eres tú mejor somos
todos (508 x 320 px) en
formato png transparente con
profundad de 32bits para
pantallas retina.

Imagen para Gestión estratégica del negocio en medida 1440 x 956 esa
tiene un diseño en el pdf compartido de unas fotos separadas con una
capa, entonces le pedimos que nos por favor nos envíen la imagen tal
cual redonda con esa capa, me reifero a esto (imagen inferior) de esta
manera logramos montan la imagen replicamos el color verde de fondo y
obtenemos el mismo efecto
Sección de experiencias

Imágenes para la sección de Experiencias la de fondo

(1024 x 1024) la imagen que esta encima (1024x1024)
miden lo mismo la diferencia de tamaño es el escalado
que se logra por medio de código.
Importante la imagen nos la pasan cuadrada, nosotros le
damos el efecto circular por medio de código, por tanto
es importante que no se ubiquen elementos que se
puedan cortar al aplicar el efecto.
Imágenes siempre separadas por favor.

Imágenes para el Aula Virtual la de fondo (1024 x 1024)

la imagen que esta encima (1024x1024) miden lo mismo
la diferencia de tamaño es el escalado que se logra por
medio de código.
Importante la imagen nos la pasan cuadrada, nosotros le
damos el efecto circular por medio de código, por tanto
es importante que no se ubiquen elementos que se
puedan cortar al aplicar el efecto.
Blog (imagen con la medida 960 x 550)
Imágenes siempre separadas por favor.
Banner Interna de quiénes somos (2900 x 1920px) sin textos encima

Imagen de quienes somos 1440 x 956 cuadrada nosotros

colocamos el efecto circular.

Patrones circulares de fondo de 500x 500 estos si circulares

en formato png transparente profundidad de 32 bits

Imagen Humanizar para la gestión y Cuanto mejor eres tú

mejor somos todos igual de 1440 x 956 cuadrada mantener
elemento importante lejos de los bordes que se pierden al
colocar el efecto circular.
 Sección seres en crecimiento es un carrusel cada imagen debe
medir 960 x 550 px

Time line de nuestra trayectoria

Sección nuestra trayectoria 1920 x 1100px

Foto del staff

Imagen para Staff medida 1440 x 956 esa tiene un diseño en el

pdf compartido de unas fotos separadas con una capa,
entonces le pedimos que nos por favor nos envíen la imagen
tal cual redonda con esa capa, me refiero a esto (imagen
lateral) de esta manera logramos montan la imagen replicamos
el color de fondo y obtenemos el mismo efecto

Nuestros espacios

Son 3 imágenes superpuestas reporto dede la que está mas

arriba hacia abajo
Superior: 1024 x 1024
Medio: 683 x 1024
Inferior: 1024 x 1024
Banner de la hoja de vida de cada miembro del equipo (2900 x 1920px) sin textos encima

Banner de nuestros productos y servicios (2900 x 1920px) sin textos encima

Imagen de cada producto o servicio (1024 x 1024 px)

Imagenes en formato cuadrado 1024 x 1024 a estas se les

aplica el estilo por código para que queden circulares

Banner gestión estratégica del negocio (2900 x 1920px) sin textos encima
Grupo de imágenes Ruta para el acompañamiento (1920 x 1920)

Imagen Banner en servicio 1920 x 1100, aplica para todas las fotos de esta interna
Banner interna experiencia / nuestros clientes (2900 x 1920px) sin textos encima

Logos de clientes 500 x 500 en formato PNG transpareten con profundidad de 32bits
Videos se recomiendan que se hospeden en youtube la medida en que se presenta es variable, distribución 16:9 de cada video recomendado

Banner experiencias / dime (2900 x 1920px) sin textos encima

Esos elementos no me es claro sin son imágenes o

presentaciones, sin son imágenes se recomiendan que sean de
960 x 550 pero al ser imagenes en responsive se pierde el
contenido, es decir no son legibles los textos
Hablador integral

Imagen para integral medida 1440 x 956 esa tiene un diseño

en el pdf compartido de unas fotos separadas con una capa,
entonces le pedimos que nos por favor nos envíen la imagen
tal cual redonda con esa capa, me refiero a esto (imagen
lateral) de esta manera logramos montan la imagen replicamos
el color de fondo y obtenemos el mismo efecto

Masonry de Imágenes

Hay imágenes verticales de tamaño 683 x 1024 y las mas

horizontales de 1440 x 956
En experiencias estas “entradas de blog”, imagnes de 1024 x 1024 ojo el sistema las corta tenerlo en cuenta para que no se pierdan elementos
importantes

Banner interna e blog la fotos mide (2900 x 1920px) sin textos encima
Imagen del contáctanos (2880 x 1896) sin textos encima

Imagen de fondo para la interna de Aula virtual (recordar por favor que el formulario allí listado no inicia sesión de manera automática en Moodle salvo
integración o modificación en Moodle que está más allá del alcance de este proyecto)
medida recomendada 2500 x 2500px como trata de cubrir todo el fondo algunos elementos se pueden perder.