sábado, 15 de febrero de 2014

Mejoras en el diseño del cartel para anuncios inmobiliarios

Como sabéis, en uno de los diseños que ofrece InmoDir para crear el cartel del anuncio inmobiliario para el escaparate de tu inmobiliaria aparece la fotografía principal del anuncio, además de sus datos mas importantes. Para generar el cartel del anuncio inmobiliario se debe indicar la orientación del folio, de tipo landscape o portrait (es decir, la información impresa a lo largo o a lo ancho del cartel), pues la mejora se ha aplicado cuando se elige este diseño con orientación portrait.

Carteles para escaparate de inmobiliarias creado con InmoDir

¿En qué consiste la mejora?

Ya que el diseño contempla un espacio para colocar la fotografía principal del anuncio inmobiliario, además de otros datos importantes, originalmente la información estaba dispuesta de forma centrada con los datos arriba (como por ejemplo el tipo de inmueble, el precio del inmueble, la cantidad de habitaciones, y demás datos) y a continuación la fotografía principal del anuncio. Esto quedaba muy bien si la fotografía se había tomado con orientación “landscape”, apaisada. Pero en cambio si la orientación de la fotografía principal del anuncio era de tipo “portrait”, es decir con la misma orientación que el folio, la fotografía necesitaba reducirse bastante.

Por este motivo, la mejora consiste en aprovechar la misma zona asignada para el resumen del anuncio, pero justificando el texto sobre la izquierda y colocando la fotografía a su derecha. De esta forma se logra una óptima distribución de la información en el espacio que brinda el formato A4.

Carteles para inmobiliarias generados desde InmoDir diseño 2 orientación portrait

Recordar que al momento de generar el fichero PDF del cartel del anuncio inmobiliario, InmoDir ofrece la alternativa de incluir el nombre de la inmobiliaria que aparecerá en la zona superior del cartel. Esto es ideal para aquellas inmobiliarias que no tengan una plantilla pre impresa para este tipo de carteles.

Este blog va dirigido principalmente a diseñadores y maquetadores web, pero si el diseñar te gusta o tu cliente te ha solicitado que le realices la plantilla para los carteles de sus anuncios inmobiliarios, te recomendamos que antes eches un vistazo a las medidas de los carteles que, según el diseño y orientación del folio se elige, posee una distribución de sus contenidos específica.

domingo, 26 de enero de 2014

Cómo hacer un sitio web para una inmobiliaria con InmoDir

Si eres diseñador o maquetador web, InmoDir te ofrece la posibilidad de crear el sitio web de una inmobiliaria de forma muy sencilla. Tú aportas tu creatividad y toque personal en el diseño e InmoDir te brinda las herramientas necesarias para el funcionamiento, la base de datos, el gestor de contenidos para tu cliente y el espacio para las fotografías.

Si estás a punto de ofrecerle a una inmobiliaria la posibilidad de disponer de un sitio web propio con contenidos dinámicos y fácil de gestionar, aquí tienes una serie de consejos de cómo comenzar.

Cómo hacer un sitio web para una inmobiliaria utilizando las herramientas de InmoDir?


Lo primero, tener tu propia cuenta de desarrollador en InmoDir

Si aún no tienes tu cuenta, ve al inicio y créate una cuenta gratuita de InmoDIr eligiendo la opción "cuenta desarrollador". En algunos aspectos funciona como una "cuenta visitante", por ejemplo puedes seguir inmobiliarias y así estar al tanto de sus publicaciones o también puedes utilizar tu buscador de anuncios personalizado. Estaría muy bien que eches un vistazo a la sección de características de InmoDir para conocer lo que tu cliente tendrá al crearse una cuenta gratis de InmoDir.

La cuenta de InmoDir de tu cliente: Cuenta inmobiliaria

Solicita a tu cliente, la inmobiliaria, que se cree una cuenta gratuita en InmoDir si aún no tiene, y que comience a publicar anuncios inmobiliarios gratis. Toma en cuenta que publicar un anuncio no toma mas de dos o tres minutos, y con esto se incluye agregarle fotografías. Tu cliente podrá visualizar los anuncios desde una opción específica llamada "Mis anuncios", desde su buscador de anuncios y desde su dirección web provisoria.

Solicítale que desde la opción de "Mi cuenta" (sub opción 'Mi inmobiliaria'), te envíe una invitación como usuario desarrollador.

Página de una inmobiliaria en InmoDir
Página de una inmobiliaria en InmoDir

Puedes, si quieres, comentarle a tu cliente que ni bien tenga 10 anuncios creados, ya puede solicitar su dirección web personalizada de tipo http://es.inmodir.com/nombre-de-su-inmobiliaria. Y eso lo hace desde la opción de "Mi cuenta" (sub opción 'Mi inmobiliaria'). La solicitud se verifica y se realiza en unas 24 horas. Al crearse la cuenta inmobiliaria, tu cliente tendrá una página con una front page de eventos y actividad de su inmobiliaria, una sección para cada tipo de anuncio (alquiler o venta), una página del perfil de su inmobiliaria con información sobre su trayectoria e información de contacto y opcionalmente una página con la lista de sucursales, si la inmobiliaria posee sucursales o franquicias y cada oficina tiene una cuenta de InmoDir, solicitando una dirección web personalizada tendrá en Internet un segundo punto de acceso alternativo al sitio web que tu desarrolles. Por supuesto, el sitio web que tu desarrolles será el sitio web principal de la inmobiliaria.

Comenzando con el proyecto: El diseño y la maquetación web


Asumiendo que tu cliente se ha entusiasmado con tu propuesta sobre tener un sitio web dinámico, autogestionable y a un bajo coste y te ha dado su aprobación para comenzar, entonces ponte a trabajar en el diseño, si aún no lo tienes. Intenta respetar la imagen corporativa de tu cliente (logotipo, colores principales, tipografías, etcétera) y en cuanto te apruebe el diseño procede con la maquetación del sitio web en lenguaje XHTML o HTML5 y asegúrate de cumplir con los estándares de la web para obtener un sitio web accesible.

Recuerda que hacer un sitio web simple muchas veces es mas usable y piensa que los visitantes y potenciales clientes que visualicen el sitio web de tu cliente solamente estarán buscando información de inmuebles, dificilmente les interese si el sitio web tiene algún efecto especial o presentación muy sofisticada. Los visitantes que accedan al sitio web de la inmobiliaria lo harán buscando ofertas de inmuebles de venta o de alquiler, y sólo si encuentran lo que están buscando posiblemente querrán saber un poco sobre la inmobiliaria, su trayectoria o filosofía de empresa, por lo tanto estará bien que el sitio web tenga una sección de tipo "sobre nosotros" o "sobre la empresa" o simplemente un apartado que diga "quienes somos", pero recuerda, para el visitante no será lo mas importante.

Es muy posible que, visualmente, el diseño de las páginas del sitio web de la inmobiliaria de tu cliente se resuma en tres partes, y estas son: la cabecera de página, los contenidos y el pie de página, considera utilizar el mismo pie de página para todas las secciones. Incluso puedes utilizar la misma cabecera de página, que es donde usualmente va el logotipo de la empresa y el menú principal. Algunos sitios web suelen tener en la página de inicio una cabecera de página diferente a la utilizada en las demás secciones del sitio web, pero no siempre es así, es una forma simple de destacar la página de inicio del resto del sitio web. Esto no se trata de ahorrarse trabajo, sino lograr que el visitante del sitio web de familiarice con el diseño mas rápidamente al navegar por el sitio web de tu cliente.

Estableciendo la arquitectura del sitio web


Considerando la arquitectura de la información, considera estas simples secciones:

  • Una página de inicio con algún texto de bienvenida y con los últimos anuncios publicados de cada tipo, simplemente un resumen de ellos.
  • Una sección de anuncios de alquiler y otra sección de anuncios de venta de inmuebles. Que visualmente pueden ser iguales, sólo cambiará su URL, por ejemplo: www.inmobiliaria.com/alquileres y www.inmobiliaria.com/ventas
  • Necesitarás maquetar una página que servirá para visualizar el anuncio en detalle (con sus fotografías) cuando el visitante pinche en un determinado anuncio.
  • Y es posible que también necesites una sección de contacto que puede consistir en un formulario para tal fin.

Solamente las tres primeras páginas serán dinámicas, y los contenidos serán tomados del motor de InmoDir. Pero para la maquetación bastará con ponerle algunos anuncios de ejemplo con algunas muestras de fotografías que tu coloques. Sube las páginas (los ficheros html y demás ficheros estáticos, como los ficheros CSS, los de imagen y otros que hayas utilizado) y súbelos a un servidor provisorio para que tu cliente los pueda ver por si falta afinar algún detalle. Recuerda que no es lo mismo visualizar un boceto en una imagen que verlo en diferentes navegadores.

Aunque a ti te parezca obvio, recuérdale a tu cliente que lo que has "subido" al servidor provisorio es una maquetación, por lo tanto los enlaces y demás botones no funcionan al presionar sobre ellos. No sea cosa que tu cliente tenga una mala impresión de tu trabajo al notar que un enlace no funciona, pensando que eso se debe a un error tuyo.


Un pixel mas a la derecha por favor...


Este suele ser el momento mas crucial para muchos diseñadores y maquetadores web. Ya que muchas veces el diseño ha gustado pero cuando el cliente visualiza la maquetación de su sitio web en un navegador suelen aparecerle dudas o ideas nuevas que no habían surgido antes. Otras veces sucede que, puestos en el tema de tener una nueva web, el cliente algunas veces busca sitios web similares o de su competencia y los compara con el diseño que ya le pasamos y hace esto mientras estábamos con el desarrollo de la maquetación web, al pasarle el resultado de nuestro trabajo, allí surgen las ideas nuevas de nuestro cliente.

En estos casos siempre es bueno aclararle que ahora estamos en una etapa que es la de tener un sitio web (si no tenía antes) o en la etapa de "renovar su sitio web actual" (si ya tenía otro antes pero se había quedado viejo o abandonado), que ello no quita que mas adelante se le hagan mejoras, pero que lo importante en estos casos siempre es "comenzar", las mejoras se pueden hacer después, en "una segunda etapa".

Siempre es bueno recordarle al cliente en este momento que estamos en la etapa final y que lo que se está haciendo es mostrarle en cierta forma lo que has hecho hasta ahora. Que obviamente se puede realizar algún ajuste de algún detalle pero que llegados a este punto ya no se puede volver a hablar de diseño nuevamente. En el correo que le enviemos cuando le pasemos las URLs de las maquetaciones de las secciones del sitio web, siempre será bueno escribirle algo como "si llegara a notar algún detalle que he omitido por favor comentarlo..." pero nunca decir algo como "así es como quedará la página, si algo no le gusta lo cambiamos!" tan abiertamente. Obviamente que si algo no le gusta habrá que cambiarlo, pero tampoco será necesario invitarle a este tipo de decisiones, al menos no en esta etapa.

Aprobación de la maquetación y etapa final


Una vez aprobada la maquetación pasamos a la fase de programación, y esta estapa será la mas breve, ya que teniendo el sitio maquetado, simplemente tendrás que incorporarle los scripts para vincular el sitio que acabas de realizar con la base de datos de InmoDir. Es bueno que antes te documentes en la sección "laboratorio" de InmoDir de tu país, por ejemplo en Laboratorio de InmoDir España es: es.inmodir.com/lab/, allí encontrarás ejemplos para cada cosa que necesites.

Por ejemplo hay documentación para obtener una lista de anuncios resumida, donde opcionalmente puedes indicar con parámetros el tipo de inmueble, la cantidad máxima de resultados obtenidos, el orden ascendente o descendente. Este script es muy útil para colocar los últimos anuncios publicados en la página de inicio del sitio web de la inmobiliaria. También hay scripts para obtener información detallada de un determinado anuncio, scrips para obtener la lista de URLs absolutas de las fotografías de un determinado anuncio, y también puedes obtener un resumen básico o detallado de la cantidad de anuncios que la inmobiliaria posee. Y para cada tema dispones de varios métodos, con ejemplos.

Vincular el sitio web que estas desarrollando con la base de datos de InmoDir es un servicio que estará disponible cuando tu cliente tenga una cuenta paga, mientras tu cliente posee una cuenta gratis no contará con este servicio, pero para que esto no sea una limitación para desarrollar tu trabajo, como usuario desarrollador registrado en InmoDir tienes una opción que te permite activarle el servicio a tu cliente a modo de prueba por 15 días, incluso aunque tu cliente no haya pagado por el servicio.

Es recomendable que obtengas su consentimiento antes, o al menos le avises de esto, ya que si bien esto no le generará gasto alguno a tu cliente, el período de prueba será de 15 días y si en ese período tu cliente no adquiere un plan de pago, no se podrá volver a activar la modalidad de prueba nuevamente. Por lo tanto considera que ese período de 15 días es un tiempo con el que tu cliente cuenta también para cambiarse de plan. Cambiarse de plan le beneficiará también en el incremento de la cantidad de anuncios que puede tener publicados.

Conclusiones


Ten presente esto: Con una cuenta gratis de InmoDir, la inmobiliaria tendrá una página con información y anuncios publicados, una especie de "muro" de red social, pero lo importante para tu cliente será disponer de un sitio web propio con dirección web propia y con direcciones de correo electrónico bajo su propio dominio. Mas adelante podrás ofrecerle también algunas mejoras en el posicionamiento de su sitio web. ¡No olvides colocar tu firma como diseñador en el pie de página del sitio que realices, con un enlace directo a tu sitio web!

Si ya eres un maquetador web o desarrollador experimentado seguramente todo te habrá resultado bastante familiar, si en cambio recién comienzas, esperamos que esta entrada te haya resultado de utilidad. Te deseamos un buen comienzo y exitoso emprendimiento. Y te invitamos a compartir alguna experiencia y así ayudar a otras personas como tu.