Evaluando propuestas

Cambios en pagina Web en Html5 / Css3 / Animaciones / Responsive / Foundation & Node Js

Publicado el 18 Abril, 2018 en Programación y Tecnología

Sobre este proyecto

Abierto

Web de referencia:
www.451.com
www.crawpic.com/svg

TECNOLOGIA:
Foundation & node js

chequeo general en navegadores:
podras revisar el funcionamiento en todos los navegadores (o al menos en safari).

REVISAR:
No se que pasa pero a veces la web se mueve sola, me refiero a que scrollea sola.

RESPONSIVE:
Adaptar lo que falta, el cliente no paso una sugerencia repsonsive.
Sino que adaptemos la web a como funcoinar el responsive de 451.

home

loader:
revisar que a veces pasa que primero se ponen por sobre el loader, todos los elementos de la web (sin css) y luego desaparecen y sigue el loader, se entiende?

lo nuevo:
en mouse hover el icono se tiene que poner blanco.
La frase lo nuevo tiene que entrar de izquierda a derecha con un efecto fade
no tiene que hacer zoom cuando haces hover.
Cuando se abre la seccion, el boton tiene que quedar encendido. O sea, (icono + frase lo nuevo)


seccion apagada al abrir menu:
fijate que cuando se abre el menu de lo nuevo, se apaga la web.
Tenemos que lograr el mismo efecto cuando se abre el menu derecho, la web tiene que quedar apagada y el menu por arriba.

RESPONSIVE
El video tiene que ocupar la pantalla completa, no importa el tamaño de la ventana.
No ocupa la pantalla completa.

Esto me manda el cliente:
Nota: En pantalla de 15" se ve todo muy grande y poco porporcionado. Se adjunta ejemplo de Mac book pro 15 e Imac de 27.


casos de éxito

presentar los casos a pagina completa.
Puede ser como lo hace 451.com o como http://svgroup.sbaci.net/our-latest-projects
Esto es lo que me marca el cliente, pero es lo que estamos haciendo.

Revisar que las imágenes no se aplasten, que funcionen igual que en esa web el grillado.
Fijate que cuando achicas la pantalla, se achican proporcionalmente las imágenes.



EFECTO:
Quieren que el efecto de transicion cuando abris un caso sea el mismo que en la seccion works (en 451) cuando abris el ultimo caso (el de la derecha, llamado VOD).
Fijate que cuando se abre, viene una pantalla gris que se superpone por sobre los casos y despues aparece el caso abierto, quieren lo mismo, en cuanto a efecto (el mismo mismo).
Que se ponga en gris oscuro y despues con un fade aparezca el caso abierto.

Esto lo logro el programador en la seccion capacidades, pero dice que no lo puede aplicar en la seccion casos.
Cuando se cierra el caso, deberia hacer el efecto a la inversa, fijate como hace en 451.

lightbox:
podemos hacerlo como en 451 el lightbox? que vaya para abajo y scrolleando las imágenes?
en 451 cuando abris un caso y poner view work hay un lightbox, quieren lograr lo mismo.


CAPACIDADES (adjunto pdf referencia)

La X para cerrar una capacidad (probar abrir una) que sea igual que las otras X de la web.

El cliente me solicita el siguiente efecto para el icono de fondo (esta adjunto en la carpeta imágenes, son los .png):
Como una calesita de iconos.
La idea es que los iconos de fondo entre a cada capacidad (página) como si giraran sobre un eje ubicado a la derecha de la visual. Entran a su posición final en perpectiva.
Asi, cada vez que se hace click en los iconos ubicados en la parte inferior, la sección (o capacidad) se desplaza hacia la
izquierda en bloque, permietiendo el ingreso de la nueva seccion, y el icono de fondo, entra en perspectiva, girando sobre el eje imaginario ubicado a la derecha, para tomar posición en el lugar final, como se aprecia en la visual.
El bloque de información principal (titulo, icono chico, texto y cuadro semitransparente), entra de izquierda a derecha, con suavidad para ir tomando uno x uno su lugar.


Ya que en total son 5 capacidades en esta seccion, en la ultima capacidad, podemos hacer 2 cosas, que el ultimo icono de abajo a la derecha desaparezca, ya que a continuacion no hay mas capacidades para ver, o que en siga estando pero que no tarde tanto en aparecer la 1er capacidad.

Categoría Programación y Tecnología
Subcategoría Diseño Web
¿Cuál es el alcance del proyecto? Cambio mediano
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Experiencia en este tipo de proyectos No (No he administrado este tipo de proyectos anteriormente)
Necesidad específica Actualizar un sitio web

Plazo de Entrega: No definido

Habilidades necesarias