About this project
design-multimedia / web-design-1
Open
Se trata de diseñar una web para promocionar y publicitar un proyecto inmobiliario que consiste en un edificio con 13 departamentos de vivienda para la venta.
Yo proporciono el template al igual que todas las imágenes del proyecto. Los textos serán proporcionados una vez que el diseñador haya presentado el borrador de la página de acuerdo a las instrucciones a continuación
Espero proactividad y sugerencias de parte del diseñador para sacar una página web atractiva, que realmente consiga informar del proyecto; Necesito que el trabajo se entregue a tiempo pues el proyecto ya se encuentra en etapa de ventas.
instrucciones para página
en la estructura de la página necesito que exista: 1. Home; 2. Nosotros; 3.
Departamentos; 4. Ubicación; 5. Contáctanos.
Cada una de las secciones descritas debe tener un botón en el encabezado.
1.- HOME:
En cuya parte alta exista un slider horizontal detallando las categorías de departamentos que se ofrecen: suites, Departamentos en una planta y departamentos dúplex. El slider está proporcionado por el template.
El usuario debe poder hacer click en la opción del slider y ser dirigido a la categoría donde se muestren todos los departamentos disponibles de dicha categoría (lo cual quiere decir que debe existir una sección que muestre todos los departamentos disponibles al mismo tiempo o filtrado según la categoría, como se describirá más adelante)
En la siguiente sección del home se debe mostrar las tres categorías de departamentos con una imagen y un pequeño texto descriptivo y señalando el precio de cada categoría. Además cada categoría debe ir acompañado de un botón "Más información" que dirija al usuario a la página de la categoría elegida donde encontrará todos los departamentos de dicha categoría (al igual que al hacer click en el slider anterior).
En la tercera sección del home debe haber una pequeña referencia a la compañía constructora y al estudio de arquitectura que diseñó el edificio. Con un pequeño texto que describa la trayectoria de las empresas y con un botón que dirija al usuario a la sección "Nosotros" que describiremos más adelante.
Finalmente, en la 4ta sección del Home quiero que se divida en 2 secciones: A la izquierda quiero que se encuentre un mapa en google maps mostrando la ubicación del proyecto. A la derecha quiero escribir la dirección de donde está ubicado el proyecto, indicando además que contamos con sala de ventas ahí, el horario de atención y los teléfonos de contacto; también la dirección de la oficina corporativa, horario y teléfonos de contacto. También a la derecha quiero que exista un formulario de contacto con los siguientes campos OBLIGATORIOS: Nombre, teléfono, dirección de correo, texto del mensaje.
Quiero que el formulario del usuario sea enviado por correo a una dirección específica y/o que se almacene en archivo excel descargable; a sugerencia del diseñador considerando lo que sea mejor para una correcta atención a los interesados.
2. NOSOTROS:
En el botón nosotros del encabezado debe de haber dos opciones: "Maccconstrucciones" y "A+"
Para la opción Maccconstrucciones, divido en dos secciones: La primera una fotografía acompañada de un breve resumen sobre la trayectoria de la compañía. En la segunda quiero insertar el portafolio que se encuentra publicado en issuu.com para lo que yo entregaría el código para "embed" el portafolio (<div data-configid="6125007/35353575" style="width:100%; height:141px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
Para la opción A+, se haría exactamente igual, una primera sección con el logotipo y una fotografía compañada de una breve descripción de la empresa; y una segunda en la que se insertaría el portafolio publicado en issuu.com de igual manera (<div data-configid="6125007/49288260" style="width:100%; height:371px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
3. DEPARTAMENTOS:
Quiero que debajo de los botones de encabezado se coloquen también los botones con cada una de las categorías Edificio BV16.45; Suites; Departamentos; Dúplex.
El template proporcionado tiene una animación dependiendo de lo que se elija va filtrando los previews de las categorías que se muestran. Debe haber un total de 14 previews: 1 por el Edificio en general y 13, una por cada departamento disponible. Cada uno de los previews debe ser de una imagen, Título que al hacer click te lleve al departamento específico que hayas elegido y texto con un a breve descripción.
Es decir, al elegir una categoría, la página debe filtrar y mostrar exclusivamente aquellos departamentos en dicha categoría. Al elegirse la categoría Edificio BV16.45 deben desaparecer todas las categorías y mostrar la información general del edificio que detallo a continuación
3.1 Edificio BV16.45:
Quiero dividirlo igualmente en partes. Una primera en la que a la izquierda tengamos el texto descriptivo del edificio; a la derecha quiero insertar el brochure del edificio publicado en issuu.com de igual manera que en las ocasiones anteriores (<div data-configid="6125007/49288302" style="width:100%; height:210px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
Abajo, en la siguiente parte con otro fondo, quiero que se llame "características:" en la que quiero listar 4 características:
Ubicación: poner logotipo y palabra.
Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a la sección 4. Ubicación.
Vista: poner logotipo y palabra. Debajo pondremos un pequeño texto. Al hacer click sobre el logo o palabra nos debe dirigir a una nueva página donde colocaremos fotografías y videos de la vista que tendrá el edificio.
Sistema constructivo: poner logotipo y palabra. Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a una nueva página donde colocaremos una descripción del sistema constructivo e imágenes explicativas
Área comunal: poner logotipo y palabra.
Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a una nueva página donde describiremos el área comunal de barbacoa y pondremos imágenes de ejemplo.
En la última parte quiero colocar la siguiente frase sobre un fondo arquitectónico bonito “La sofisticación radica en un diálogo constante entre la inspiración de un clásico y el asombro por la vanguardia”
3.2 Suites: Como habíamos indicado antes, al dar click en la categoría suites deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento. Me gustaría poder un botón del cual los usuarios puedan descargar: 1.
Los planos de la suite; 2. La ficha comercial de la suite
3.3 Departamentos: Como habíamos indicado antes, al dar click en la categoría departamentos deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento.
Me gustaría poder un botón del cual los usuarios puedan descargar: 1. Los planos del departamento; 2. La ficha comercial del departamento.
3.4 Dúplex: Como habíamos indicado antes, al dar click en la categoría dúplex deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento. Me gustaría poder un botón del cual los usuarios puedan descargar: 1.
Los planos del dúplex; 2. La ficha comercial del dúplex.
4. UBICACIÓN:
Igualmente, quiero dividirlo por partes como está el template e ir intercalando cada parte con fondo sólido blanco o de cualquier color (el diseñador puede elegir y sugerir en función de su diseño) y la siguiente parte tendrá como fondo una fotografía.
En la primera parte quiero colocar a la izquierda texto describiendo el sector donde se encuentra el proyecto. A la derecha quiero que se muestre el mapa de google maps.
En la siguiente parte quiero colocar un headline grande con el texto "Parque Metropolitano" seguido de un breve texto. Al hacer click en el headline quiero que me lleve a otra página donde se va a haber una galería de thumbnails de diferentes sitios de interés y actividades que se pueden realizar en el parque.
En la siguiente parte quiero colocar un headline grande con el texto "Quito Centro Norte" seguido de un breve texto. Al hacer click en el headline quiero que me lleve a otra página donde se va a haber una galería de thumbnails de diferentes landmarks o sitios de interés en el sector.
5. contáctanos:
a la derecha quiero escribir la dirección de donde está ubicado el proyecto, indicando además que contamos con sala de ventas ahí, el horario de atención y los teléfonos de contacto; también la dirección de la oficina corporativa, horario y teléfonos de contacto. También a la derecha quiero que exista un formulario de contacto con los siguientes campos OBLIGATORIOS: Nombre, teléfono, dirección de correo, texto del mensaje. Quiero que el formulario del usuario sea enviado por correo a una dirección específica y/o que se almacene en archivo excel descargable; a sugerencia del diseñador considerando lo que sea mejor para una correcta atención a los interesados.
En toda la página tiene que haber un pie de página con el logotipo del proyecto y los botones de las 5 secciones principales de la página 1. Home; 2. Nosotros; 3.
Departamentos; 4. Ubicación; 5. Contáctanos.
Además, junto al logo debe haber la opción "Política de Privacidad" que al hacer click te dirija a la página donde se detalle la política de privacidad de la página y los datos que el usuario coloque en la página.
Yo proporciono el template al igual que todas las imágenes del proyecto. Los textos serán proporcionados una vez que el diseñador haya presentado el borrador de la página de acuerdo a las instrucciones a continuación
Espero proactividad y sugerencias de parte del diseñador para sacar una página web atractiva, que realmente consiga informar del proyecto; Necesito que el trabajo se entregue a tiempo pues el proyecto ya se encuentra en etapa de ventas.
instrucciones para página
en la estructura de la página necesito que exista: 1. Home; 2. Nosotros; 3.
Departamentos; 4. Ubicación; 5. Contáctanos.
Cada una de las secciones descritas debe tener un botón en el encabezado.
1.- HOME:
En cuya parte alta exista un slider horizontal detallando las categorías de departamentos que se ofrecen: suites, Departamentos en una planta y departamentos dúplex. El slider está proporcionado por el template.
El usuario debe poder hacer click en la opción del slider y ser dirigido a la categoría donde se muestren todos los departamentos disponibles de dicha categoría (lo cual quiere decir que debe existir una sección que muestre todos los departamentos disponibles al mismo tiempo o filtrado según la categoría, como se describirá más adelante)
En la siguiente sección del home se debe mostrar las tres categorías de departamentos con una imagen y un pequeño texto descriptivo y señalando el precio de cada categoría. Además cada categoría debe ir acompañado de un botón "Más información" que dirija al usuario a la página de la categoría elegida donde encontrará todos los departamentos de dicha categoría (al igual que al hacer click en el slider anterior).
En la tercera sección del home debe haber una pequeña referencia a la compañía constructora y al estudio de arquitectura que diseñó el edificio. Con un pequeño texto que describa la trayectoria de las empresas y con un botón que dirija al usuario a la sección "Nosotros" que describiremos más adelante.
Finalmente, en la 4ta sección del Home quiero que se divida en 2 secciones: A la izquierda quiero que se encuentre un mapa en google maps mostrando la ubicación del proyecto. A la derecha quiero escribir la dirección de donde está ubicado el proyecto, indicando además que contamos con sala de ventas ahí, el horario de atención y los teléfonos de contacto; también la dirección de la oficina corporativa, horario y teléfonos de contacto. También a la derecha quiero que exista un formulario de contacto con los siguientes campos OBLIGATORIOS: Nombre, teléfono, dirección de correo, texto del mensaje.
Quiero que el formulario del usuario sea enviado por correo a una dirección específica y/o que se almacene en archivo excel descargable; a sugerencia del diseñador considerando lo que sea mejor para una correcta atención a los interesados.
2. NOSOTROS:
En el botón nosotros del encabezado debe de haber dos opciones: "Maccconstrucciones" y "A+"
Para la opción Maccconstrucciones, divido en dos secciones: La primera una fotografía acompañada de un breve resumen sobre la trayectoria de la compañía. En la segunda quiero insertar el portafolio que se encuentra publicado en issuu.com para lo que yo entregaría el código para "embed" el portafolio (<div data-configid="6125007/35353575" style="width:100%; height:141px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
Para la opción A+, se haría exactamente igual, una primera sección con el logotipo y una fotografía compañada de una breve descripción de la empresa; y una segunda en la que se insertaría el portafolio publicado en issuu.com de igual manera (<div data-configid="6125007/49288260" style="width:100%; height:371px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
3. DEPARTAMENTOS:
Quiero que debajo de los botones de encabezado se coloquen también los botones con cada una de las categorías Edificio BV16.45; Suites; Departamentos; Dúplex.
El template proporcionado tiene una animación dependiendo de lo que se elija va filtrando los previews de las categorías que se muestran. Debe haber un total de 14 previews: 1 por el Edificio en general y 13, una por cada departamento disponible. Cada uno de los previews debe ser de una imagen, Título que al hacer click te lleve al departamento específico que hayas elegido y texto con un a breve descripción.
Es decir, al elegir una categoría, la página debe filtrar y mostrar exclusivamente aquellos departamentos en dicha categoría. Al elegirse la categoría Edificio BV16.45 deben desaparecer todas las categorías y mostrar la información general del edificio que detallo a continuación
3.1 Edificio BV16.45:
Quiero dividirlo igualmente en partes. Una primera en la que a la izquierda tengamos el texto descriptivo del edificio; a la derecha quiero insertar el brochure del edificio publicado en issuu.com de igual manera que en las ocasiones anteriores (<div data-configid="6125007/49288302" style="width:100%; height:210px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>)
Abajo, en la siguiente parte con otro fondo, quiero que se llame "características:" en la que quiero listar 4 características:
Ubicación: poner logotipo y palabra.
Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a la sección 4. Ubicación.
Vista: poner logotipo y palabra. Debajo pondremos un pequeño texto. Al hacer click sobre el logo o palabra nos debe dirigir a una nueva página donde colocaremos fotografías y videos de la vista que tendrá el edificio.
Sistema constructivo: poner logotipo y palabra. Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a una nueva página donde colocaremos una descripción del sistema constructivo e imágenes explicativas
Área comunal: poner logotipo y palabra.
Debajo pondremos un pequeño texto. Al hacer click sobre logo o palabra nos debe dirigir a una nueva página donde describiremos el área comunal de barbacoa y pondremos imágenes de ejemplo.
En la última parte quiero colocar la siguiente frase sobre un fondo arquitectónico bonito “La sofisticación radica en un diálogo constante entre la inspiración de un clásico y el asombro por la vanguardia”
3.2 Suites: Como habíamos indicado antes, al dar click en la categoría suites deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento. Me gustaría poder un botón del cual los usuarios puedan descargar: 1.
Los planos de la suite; 2. La ficha comercial de la suite
3.3 Departamentos: Como habíamos indicado antes, al dar click en la categoría departamentos deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento.
Me gustaría poder un botón del cual los usuarios puedan descargar: 1. Los planos del departamento; 2. La ficha comercial del departamento.
3.4 Dúplex: Como habíamos indicado antes, al dar click en la categoría dúplex deben filtrarse, de forma animada, y quedar solamente los departamentos que pertenecen a dicha categoría. En la información que se entrega encontrarán renders y fotografías sobre cada uno, además de las fichas de ventas con la información detallada de cada departamento. Me gustaría poder un botón del cual los usuarios puedan descargar: 1.
Los planos del dúplex; 2. La ficha comercial del dúplex.
4. UBICACIÓN:
Igualmente, quiero dividirlo por partes como está el template e ir intercalando cada parte con fondo sólido blanco o de cualquier color (el diseñador puede elegir y sugerir en función de su diseño) y la siguiente parte tendrá como fondo una fotografía.
En la primera parte quiero colocar a la izquierda texto describiendo el sector donde se encuentra el proyecto. A la derecha quiero que se muestre el mapa de google maps.
En la siguiente parte quiero colocar un headline grande con el texto "Parque Metropolitano" seguido de un breve texto. Al hacer click en el headline quiero que me lleve a otra página donde se va a haber una galería de thumbnails de diferentes sitios de interés y actividades que se pueden realizar en el parque.
En la siguiente parte quiero colocar un headline grande con el texto "Quito Centro Norte" seguido de un breve texto. Al hacer click en el headline quiero que me lleve a otra página donde se va a haber una galería de thumbnails de diferentes landmarks o sitios de interés en el sector.
5. contáctanos:
a la derecha quiero escribir la dirección de donde está ubicado el proyecto, indicando además que contamos con sala de ventas ahí, el horario de atención y los teléfonos de contacto; también la dirección de la oficina corporativa, horario y teléfonos de contacto. También a la derecha quiero que exista un formulario de contacto con los siguientes campos OBLIGATORIOS: Nombre, teléfono, dirección de correo, texto del mensaje. Quiero que el formulario del usuario sea enviado por correo a una dirección específica y/o que se almacene en archivo excel descargable; a sugerencia del diseñador considerando lo que sea mejor para una correcta atención a los interesados.
En toda la página tiene que haber un pie de página con el logotipo del proyecto y los botones de las 5 secciones principales de la página 1. Home; 2. Nosotros; 3.
Departamentos; 4. Ubicación; 5. Contáctanos.
Además, junto al logo debe haber la opción "Política de Privacidad" que al hacer click te dirija a la página donde se detalle la política de privacidad de la página y los datos que el usuario coloque en la página.
Category Design & Multimedia
Subcategory Web design
What do you need? Create a new custom design
Is this a project or a position? Project
Required availability As needed
Delivery term: June 03, 2017
Skills needed