kenny-risso

Created: 2012-08-21 08:18
Updated: 2014-03-29 05:46

README.md

Te paso el material para el mini-site de Kenny Risso en un zip. Además van adjuntas muestras en jpg de referencia y un videito referencia de animación de la marca y de cómo ingresa la página de contacto.

Generales:

  • La primer imagen de fondo cambia aleatoriamente cada vez que ingresamos al sitio (El orden de transiciones que se mantenga igual para que no queden dos imagenes del mismo cliente juntas.)
  • Desarrollo es en inglés y en español. te debemos el texto de contacto en inglés.
  • Aún no vamos a hacer la opción de cambiar la imagen de fondo con click, solo cambia automaticamente cada 2 segundos.

01 - Home

  • La marca aparece con una animación de fundido después de que carga la primer imagen.
  • van 10 imagenes de fondo para que pasen con una transición de fundido cada 2-3 segundos.
  • Las imagenes de fondo se escalan según el tamaño de la ventana. El logo y botones de idioma mantienen su tamaño y margen.
  • En el illustrator hay una capa LINEAS, con unas textura líneas que irían sobre las imágenes que no se reducen o agrandan (van siempre al mismo tamaño)
  • El logo va centrado hacia la parte inferior de la ventana, respetando siempre el miso margen inferior.

Al scrollear ingresa desde abajo como un slide la pantalla de contacto, la marca se desvanece desplazándose hacia arriba. La imagen de fondo también se mueve apenas hacia arriba (referencia: http://davegamache.com/)

02 - Contacto

  • En el rollover sobre cada marca se vuelve roja con una animación de fundido.
  • La dirección que sea un link a google maps
  • Los nombres de ellos van a linkear a sus páginas de Linkedin (te debemos sus links)

El tiempo de desarrollo que nos pasaste para este laburo es de 5 días hábiles. Necesitaríamos poder mostrarle algo el viernes, para poder corregirlo el lunes y subirlo el martes.

Te queremos pedir por favor que en este laburo seamos especialmente puntuales con la entrega. Kenny es el dueño del edificio donde vivimos y necesitamos hacer buena letra con él para poder renovar el contrato el próximo año sin tener garantía. Disculpá que te comentemos esto que no tiene mucho que ver con el trabajo.

img.stretched { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }

http://css3.bradshawenterprises.com/cfimg/

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more