Descripción:
IT & Programación / Programación Web
Se necesita desarrollar proyecto web y se requiere de profesional experto en HTML5, php, JavaScript y jQuery muy enfocado a diseño y UX/UI.
El proyecto es la unión de apartados de diferentes webs, con lo que se necesitará acomodar las diferencias en diseño de las tres web y enfocarlas a un único estilo gráfico y desarrollo.
Las 3 web que hay que replicar y unir en 1 son:
http://level-barvikha.ru/en
http://196orchard.com/
http://www.museresidences.com/
A continuación detallamos las secciones que deberá tener la web final y los elementos de cada web a replicar y unificar:
HOME:
- Será la intro de la web http://level-barvikha.ru/en donde se añadirá un video a fullscreen de la promoción inmobiliaria.
- Icono para bajar hacia el contenido de la web.
- Partiremos como en el ejemplo la pantalla en 2 (izquierda y derecha en desktop, en la versión responsive se colocarán los elementos en vertical). Siguiendo este formato (http://level-barvikha.ru/en/about)
- Puntos de navegación a la derecha de la pantalla (como en la home http://level-barvikha.ru/en).
- El primer slide tendrá la zona de texto informativo a la izquierda y la imagen a la derecha, el siguiente slide, la imagen a la izquierda y el texto a la derecha, el siguiente, el texto a la izquierda y la imagen a la derecha y así succesivamente…
UBICACIÓN:
- Plano de ubicación de la zona para ubicar varios elementos (escuelas, parques, supermercados…), seguir el siguiente ejemplo (http://196orchard.com/living), abajo del todo con filtro por tipo de elemento…
VIVIENDAS:
- Sección donde se implantará los renders de la promoción con varias plantas como el ejemplo: http://level-barvikha.ru/en/floor-plan, mostrar los inmuebles al hacer click sobre el mismo, como en el ejemplo.
DISEÑO:
- Sección con diseño simple y claro, siguiendo el siguiente ejemplo http://www.museresidences.com/residences/ con texto a la izquierda, e imagen a la derecha, imagen a la izquierda, texto a la derecha y así succesivamente. añadir puntos de navegación a la derecha con el título de la sección a mostrar.
CALIDADES:
- Diseño y estructura igual al anterior punto (Diseño)
ENTORNO:
- Grid de imágenes que cambian en hover (si existe secundaria) y que se ubican perfectamente con masonry o similar. Bloque de texto enre apartados o grupos de imágenes, seguir ejemplo http://196orchard.com/living
EQUIPO:
- Sección de información de Partners y Colaboradores siguiendo el ejemplo http://196orchard.com/contact debajo del formulario.
CONTACTO:
- Formulario de contacto como el del siguiente ejemplo, parte superior http://196orchard.com/contact
GENERAL:
- Menú general superior como el de http://level-barvikha.ru/en con el logotipo en medio. Menú Canvas responsive para dispositivos móviles. (Home, Ubicación, Viviendas, Diseño, Calidades, Entorno, Galería, Contacto, Teléfono de contacto.)
- Añadir elemento de Llamada de teléfono, será un botón flotante como el del ejemplo http://level-barvikha.ru/en y que al hacer click nos abrirá un fancybox con un formulario de contacto donde el usuario insertará un nombre, email y teléfono para recibir la llamada (añadir checkbox de aceptación de política de privacidad…).
- Todos los formularios de la web han de estar operativos y funcionando.
- Realizar mejoras en el responsive partiendo de los ejemplos nombrados, mejorar sus responsives.
- Crear loading para la entrada en la home de la web, evitar el loading en el resto de secciones.
- Utilizar las últimas versiones de los plugins necesarios para el desarrollo de la web.
- Optimizar al máximo los códigos, tanto JavaScript como HTML (php) y CSS. Realizar las llamadas de los scripts externos y de bibliotecas en el footer de la web.
- Implantar FontAwesome para usar sus iconos.
- Añadir simple reproductor de música de fondo en la web.
Muchas gracias y Saludos!
Rubén Tous
Categoría: IT & Programación
Subcategoría: Programación Web
¿Cuál es el alcance del proyecto?: Crear un nuevo sitio personalizado
Es un proyecto o una posición?: Un proyecto
Actualmente tengo: Tengo las especificaciones
Experiencia en este tipo de proyectos: Si (He administrado este tipo de proyectos anteriormente)
Disponibilidad requerida: Según se necesite
Roles necesarios: Diseñador, Desarrollador