Terminado

Rediseño del home de Desarrollarme.com

Publicado el 14 Noviembre, 2012 en Diseño y Multimedia

Sobre este proyecto

Abierto

Estamos buscando rediseñar el home de Desarrollarme.com en un html nuevo, independiente de todo lo existente en el sitio actual, por lo cual no necesitarán revisar código anterior sino hacer algo nuevo.

Desarrollarme.com es un sitio utilizado principalmente por dos grupos de personas: quienes buscan decidir qué carrera estudiar, y quienes se encuentran ya con experiencia laboral pero necesitan reposicionarse laboralmente (ya sea por dificultades para conseguir trabajo o porque aunque les vaya bien laboralmente lo que hacen no los satisface).

Desarrollarme.com brinda contenidos y herramientas gratuitas, pero constituye al mismo tiempo el sitio de la consultora de orientación vocacional y laboral. Por lo tanto, necesitamos ahora que el home priorice esto.

El home deberá verse con excelente diseño visual, muy prolijo, y mostrar la seriedad y confiabilidad que tiene la consultora. Como será "la" página central sobre el tema Orientación Vocacional, y no queremos ya que se desvíe tráfico hacia otros lados del sitio buscando eso, el home deberá tener los contenidos que se detallarán a continuación, como textos, para permitir una buena indexación en buscadores. En todo caso, ciertas partes del contenido deberán estar ocultas y solo visualizarse según lo que seleccione el usuario.

Se adjunta esquema pero leer por favor estas explicaciones ya que son críticas:

El header contendrá logo y datos de contacto. Luego debajo del header habrá un video explicativo (ver tema de videos más abajo) en un lateral, titular grande sobre Orientación Vocacional y subtítulo sobre Reposicionamiento Laboral, algunas imágenes y texto explicativo genérico sobre tema orientación. Debajo, un cuadro donde el usuario seleccione ¿Qué estás necesitando?, y pueda seleccionar una o ambas opciones. Por defecto, estará seleccionada la de orientación. Y también la pregunta ¿Tu lugar de residencia actual?, que consistirá en País y Ciudad.

LOCALIZACIÓN: Estos datos de País y Ciudad, deberán precargarse por defecto según la dirección IP del usuario, pudiendo ser modificados por el usuario si lo desea. Deberá tenerse una tabla de países y ciudades y/o posibilidad de cargar "Otra" por parte del usuario, así como poder definir para cada una si sería a distancia o presencial, la moneda para el pago, y el tipo de modalidad de pago (en principio serían 3 posibilidades diferentes).

Debajo, se mostrarán las diferentes SOLUCIONES que ofrecemos según lo elegido, como si fueran fichas o algo así, donde la que se muestra es la RECOMENDADA. Los textos de las Soluciones tienen partes que varían según lo elegido y según la localización del usuario. Por ejemplo, dependiendo de si se encuentra en Argentina o no, los medios de pago variarán. Deberían ser editables en html estas cosas, ya que algunos pueden incluir imágenes (por ejemplo de las tarjetas de crédito dependiendo del lugar, o de la sede donde se puede realizar el proceso), y videos (testimonios de esa solución).

Los VIDEOS deben consistir en una imagen con un símbolo de Play, que al cliquearla oscurezcan el fondo y abran una ventana con el video en el frente tomado de youtube, como sucede por ejemplo al cliquear sobre el video acá: http://www.google.com/webmasters/



Por el tema del SEO, es importante que la página contenga visiblemente el contenido de una de las soluciones principales que nos interesa, o que esté pero sin desplegar y que el botón de Ver Soluciones la despliegue (chequear si esto es indexable igual por google). O que la parte superior hasta el botón de despliegue de soluciones, sea visible, pero que la parte inferior esté oscurecida / grisada hasta tanto no se haya buscado las soluciones. Al cliquear el botón de pedido de soluciones, deberá tomarse unos segundos mostrando que se está en proceso de búsqueda, con una barra que marque que se va completando ese proceso, como hacen por ejemplo las páginas de búsqueda de pasajes tipo edreams.com  Y lo que se verá durante ese tiempo, además, son unos "slides" con ciertos puntos diferenciales nuestros, como por ejemplo el hecho de que un mismo psicólogo trabaja contigo durante todo el proceso, que disponemos de varias sedes certificadas, etc... (un tema en cada slide).



En las fichas de Soluciones, habrá botones para CONSULTAR AHORA, así como en otros lados como por ejemplo al cliquear sobre el "Contactarnos" o sobre la dirección de email, y todos estos llevarán a que se oscurezca la pantalla y adelante aparezca una ventana para el envío de un formulario, con todos los datos posibles precargados (la localización, el interés en orientación y/o reposicionamiento laboral, qué solución se encontraba mirando, etc..). Y se le solicitarán más campos que durante su sesión deberían mantenerse por si nos hace otra consulta, y/o por cockie por si entra después nuevamente. Como por ejemplo, teléfono, en qué horario contactarlo, su dirección de mail, nombre, apellido, edad, y un campo para que nos plantee su comentario o consulta. Al enviar el formulario, además de avisarle que fue enviado, deberá fomentarse que comparta en facebook, twitter, etc.. nuestra página (como hacemos hoy en día al enviarnos consultas; ver acá: www.desarrollarme.com/vocacional/gracias-ovp.html). Y lo otro que sucede es que automáticamente (deben suceder las tres cosas siguientes):

- Se registra en una planilla de Google Docs

- Se nos envía a nosotros un email con la información, que dependerá de ciertos campos (como por ejemplo, si era tal o tal solución)

- Se le envía al usuario un email en el momento con cierta información en html, que dependerá de ciertos campos (como por ejemplo, si era tal o tal solución) y es customizada según otros campos (su nombre, su lugar de residencia, etc..).

Hoy en día tenemos esto de los formularios funcionando parcialmente, por lo cual le podemos dar a quien realice este trabajo este código para que lo tome como base si quiere, aunque requiere ciertas mejoras para llegar a cumplir con lo que planteamos.



Se debe optimizar la visualización para que pueda verse con pantallas de diferente tamaño y no sólo gigantes de disenador...

Si bien adjuntamos esquema, estamos abiertos a propuesta de cambios, mejoras, etc.. que busquen transmitir mejor ciertas ventajas diferenciales que tenemos frente a otros competidores, y que necesitamos destacar. Será tal vez necesario que quien realice este trabajo busque por sí mismo algunas imágenes para utilizar; otras las podremos brindar nosotros pero no todas.



IMPORTANTE: - Si bien el presupuesto es acotado (100 dólares es el tope que podemos abonar por este rediseño), es altamente probable que de estar satisfechos con el trabajo, encarguemos posteriormente modificaciones en otras secciones y otros proyectos que tenemos. - Para que podamos evaluar las propuestas, es indispensable que nos pasen links a otros trabajos realizados, y que nos digan si pueden cumplir con TODOS los puntos planteados (tema del video, formularios, localización IP, visualización profesional, imágenes, etc..).



El esquema está también acá: www.desarrollarme.com/Home2012Desarrollarme.pdf

Categoría Diseño y Multimedia

Plazo de Entrega: 24 Noviembre, 2012

Habilidades necesarias

Otros proyectos publicados por O.