Sitio web responsivo de WordPress para un club de golf
Diseñar la experiencia que ofrece este club de golf a través de un sitio web alineado con su marca.
Equipo
1 diseñador, el representante del cliente y el desarrollador del área de TI del club
Rol
Pasante de diseño UX/UI
Duración
4 meses
Etapa 1. Planteamiento del problema
El club de golf cuenta con una identidad corporativa muy estricta y anticuada, pero se dieron cuenta de que necesitaban modernizar sus procesos y que eso requería que el club tuviera su propio sitio web. Las Lomas tiene un sitio web pero el club se menciona brevemente; sin embargo, querían abrir las puertas a nuevos socios y hacerse más conocidos entre la competencia.
Etapa 2. Objetivos y metas
Crear un sitio web responsivo dentro de sus pautas de diseño, ofreciendo oportunidades para modernizar sus procesos sin sacrificar la identidad y haciéndolos más atractivos que otros clubes.
Etapa 3. Ejecución del diseño
Prototipado: Se utilizaron funciones avanzadas en Figma para crear un prototipo que permitiera interacciones de usuario realistas. Se realizaron demostraciones en vivo del prototipo para el cliente, proporcionando una sensación tangible del aspecto, la funcionalidad y mostrando al cliente cómo se mantuvo la identidad de la marca, pero con un toque moderno.
Diseño web: Diseñé una interfaz visualmente atractiva utilizando Elementor Builder en Wordpress, trabajando con su paleta de colores existente para promover la exclusividad y la elegancia, así como una tipografía que mejora la legibilidad en todos los dispositivos. Se incorporaron los comentarios del cliente para perfeccionar la interfaz de usuario, asegurando que no solo se viera atractiva, sino que también se alineara con los objetivos del club.
Etapa 4. Iteraciones
Cuando se presentó el prototipo al cliente, le encantó, aunque en el proceso de diseño del sitio en Wordpress, el cliente enviaba correcciones, ya que la junta directiva del club tenía la última palabra. La persona a cargo de este proyecto no era miembro de la junta, sino el gerente del área de relaciones públicas. Las correcciones se realizaron directamente en el sitio de Wordpress en lugar del prototipo. El desarrollador a cargo del departamento de TI del club y yo trabajamos juntos porque él quería entender cómo administrar el sitio web una vez finalizado el proyecto, así que me entregaba sus notas y correcciones en cada reunión.
Etapa 4. Iteraciones
A partir de todos los comentarios recopilados, los cambios fueron los siguientes:
Hacer que la sección de navegación sea fija (sticky)
Cambiar la disposición de la información en casi todas las páginas; la página de inicio (Home) funcionaría como una página de destino (landing page) que informa sobre los restaurantes y servicios que ofrece el Club
Tener una sección en la página de Servicios (Amenities) que explique lo que ofrece cada restaurante, y destacar el campo de golf en otra sección, ya que es la actividad principal del club
En la página de Quiénes Somos (About Us), se cambió la historia del club y se debían agregar los valores
Etapa 5. Presentación final
Se realizaron todas las correcciones señaladas por el representante del cliente y se presentó el sitio de Wordpress terminado. El gerente del área de TI también estuvo en la presentación y quiso saber cómo se gestionaba el diseño, todas sus preguntas fueron respondidas y quedaron muy satisfechos con el producto final.
Reflexiones
Este proyecto en especial me ayudó a ganar más confianza en cuanto a mis habilidades y a cómo me percibo como profesional. Dado que me sumergí directamente en el proyecto sin saber nada sobre Wordpress e incluso siendo la segunda vez que trabajaba con Figma, hice mi mejor esfuerzo para brindarle al cliente un sitio web que estuviera a la altura de sus expectativas, porque tenía un compromiso con ellos.
Lo que aprendí de este proyecto
El cliente no siempre sabe lo que quiere, muchas veces el cliente me decía las ideas abstractas que tenía y, basándome en esos conceptos, trabajaba para desarrollar los diseños. Trabajando de la mano con el cliente logramos el resultado del sitio web y el cliente quedó muy satisfecho.
El servicio al cliente es imprescindible, hubo ocasiones en las que faltaban imágenes o información que el cliente debía proporcionar, pero al estar tan ocupado, esto podía tomar mucho tiempo. Hacer que el cliente se sintiera cómodo al no exigirle sino comprender el conflicto en sus horarios, generó confianza y una mejor comunicación.
El respeto, la comunicación y la paciencia son clave, este proyecto me enseñó a manejar aquellas situaciones en las que el cliente está tenso o estresado y cómo mantener la calma; con una buena comunicación todo se resolvió de la mejor manera. También aprendí que si el cliente no responde y lo has estado buscando durante mucho tiempo, necesitarás mucha paciencia y seguir comunicándote de manera respetuosa.
Habilidades que aprendí
Otros proyectos
Atajo de acceso por teclado
Como pasante de diseño de UX en Oracle, tuve la oportunidad de abordar un problema complejo de múltiples usuarios, al mismo tiempo que contaba con la flexibilidad de explorar soluciones bien pensadas que equilibraban el sistema de diseño de Redwood con mi propio enfoque creativo.
Aplicación Runi Carpool
A través de una aplicación, ofreceremos a la red universitaria la oportunidad de organizar viajes compartidos, satisfaciendo así las necesidades de la comunidad universitaria.
Rieles de Esperanza
Rieles de Esperanza es una campaña de activismo social creada por Studio Boqui para concientizar sobre las experiencias de los migrantes que viajan por México a bordo de La Bestia.
Diseño de IU para una plataforma de aprendizaje financiero
Diseño de una plataforma de aprendizaje financiero para enseñar administración y gestión empresarial, desde el concepto hasta el prototipo.