En este proyecto se diseñó la página web para Victoria Valle, consultora con conocimiento en recursos humanos por más de 20 años en la industria que se dedica a desarrollo integral de las personas dentro del ambiente profesional. Valle quería que su página web comunicara de forma profesional sus servicios ya que la página que tenía en su momento no reflejaba las capacidades profesionales que aportaba.

Proyecto

Re-diseño de página web en consultoria del desarrollo profesional.

Proceso

Primero se hizo un análisis de la página web existente y toda su información. La separe por jerarquía e importancia. Lo más importante para el cliente es comunicar eficientemente los servicios y poder agendar una cita.

screens antes

Este fue el menú que se presentaba a los usuarios:

  • Inicio (Página Principal)
    • Conoceme (Franja)
    • Redes Sociales (Página)
    • Contacto (Franja)
  • Servicios (Franja)
    • Desarrollo Profesional (Página)
    • Imagen Profesional (Página)
  • Reservaciones (Página)
  • Blog (Página)
    • Subscribete (Franja)

Se propuso un menú menos saturado, y con más facilidad de ubicar la información:

  • Inicio
    • Se da botón de acción a reservar para los usuarios que están familiarizados con los servicios.
    • Se agrega la franja para subscribir
    • Se presenta un resumen de los servicios
  • Sobre Mí
    • Descripción de Victoria
    • Iconos con liga a los servicios
    • Se mantuvieron aquí las páginas de las redes sociales
  • Servicios
    • La página de servicios tiene el sub menú de los servicios con ligas a anclas dentro de la misma página
    • Desarrollo Profesional
    • Imagen Profesional
  • Reservaciones
    • Plug-in de reservaciones fue modificado solamente dentro de lo que permitió el programa.
  • Blog
    • Se le dio una nueva imagen al blog.

Además, en el pie de página está la liga a las redes sociales con un mensaje animando a las personas a seguir a Victoria Valle.

Página Web

La primera propuesta fue un menú vertical del lado izquierdo, cajas grandes de imágenes con iconos sobre la imagen. Se hicieron prototipos utilizando Preely para ver como navegaban los usuarios con este nuevo diseño.

4-servicio1.png

Se mantuvo el menú vertical en la segunda variante, con los títulos de página alineados al centro pero su fondo negro alineado a la derecha. En esta fase se decidió que la información de ambos servicios estuvieran juntos en una sola página.

Copia de Captura de pantalla 2018-04-19 a la(s) 15.31.27

Para el diseño final se eligió que los botones activos fueran de color amarillo semejando el oro, cuando el cursor se posa sobre ellos cambia sutilmente a un color más oscuro.

Victoria Valle WebSite

screens.jpg

La propuesta final fue aceptaba y aplicada dentro de la plataforma Wix. Además del diseño web, se creo un set de iconos que describen los diferentes servicios que ofrece Victoria Valle.

Iconografia

El diseño de los 12 iconos para victoria comunican sus servicios en desarrollo e imagen profesional, como manejo eficiente del tiempo, manejo adecuado del color, planeamiento de carrera, evaluación del desempeño, comunicación asertiva, entre otros.

Iconos-01

www.victoriavalle.mx

Posted by:Melissa Gutiérrez