Diseño de UX/Diseño del sitio web y desarrollo de WordPress para Quad Safari Costa del Sol
Resumen del estudio de caso
Quad safari Costa del Sol deseaba tener su sitio actualizado por las siguientes razones:
- El sitio no siempre se cargaba y el cliente recibía una pantalla blanca con un mensaje de error.
- El video no se cargó.
- El encabezado era demasiado grueso, tomando al menos el 40% de la altura de cada página.
- Imágenes de baja calidad.
- El color de la letra era desagradable para los ojos.
Técnicas de investigación UX
El examen de expertos
Entrevistas telefónicas
Pruebas de uso
Las soluciones
Solución de hosting
Diseño UX
Diseño web
Desarrollo del sitio web de WordPress
Desarrollo de sitios web para dispositivos móviles
Ver sitio Quad SafariDetalles del proyecto
Asunto: El sitio no se carga
Los clientes se quejaron de no poder acceder al sitio. En lugar de la página principal, ocasionalmente recibían un mensaje que decía que el servidor no podía cargar el sitio web.
Arreglos
El problema fue causado por un código php pobre y conflictos de plugins dentro de WordPress, por lo que el sitio tuvo que ser redundante. Se le ofreció al cliente una compañía de hospedaje diferente que proporcionó un mejor servicio y una mejor relación calidad-precio. El contenido del sitio permaneció igual, pero el estilo se actualizó y se hizo más fácil de usar y atractivo. A continuación se muestra el informe de GTMetrix que muestra las estadísticas de la velocidad del sitio poco después de su publicación.
Vea el informe completo aquí
Asunto: El video no se carga
El video de la página de la galería no era accesible y los clientes sólo verían un marcador de posición vacío.
Arreglos
El nuevo sitio tenía un video incrustado en su lugar alojado en youtube para reducir los tiempos de carga.
Asuntos: encabezado sobredimensionado, malo color de letra, pie de página vacío e imágenes de baja calidad
El encabezado fijo del sitio ocupaba alrededor del 40% del espacio de cada página y los elementos del encabezado no se alineaban correctamente dándole un aspecto desordenado. El color de la fuente no era fácil de ver, y la calidad de las imágenes era mediocre, lo que era particularmente notable en las imágenes de tamaño completo que se extienden por todo el ancho de la página.
Arreglos
El nuevo encabezado tomó alrededor del 20% de la altura de la página del sitio que se contrajo al 5% en el desplazamiento. El encabezado recibió una estructura equilibrada con todos los elementos alineados alrededor del logo del sitio en el medio. El color rojo de la fuente se cambió a gris oscuro para facilitar la vista. Las imágenes de baja calidad se utilizaron con moderación, y las de buena calidad se obtuvieron para secciones que ocupaban todo el ancho de la página. El pie de página se llenó con información útil como los detalles de contacto completos del lugar con un enlace a Google Maps, enlaces sociales y el menú.
