Mi Rol:
Diseñador UX/UI
Duración:
3 Meses / 12 Semanas
Aidhos es un estudio especializado en arquitectura hospitalaria, con proyectos de gran envergadura como el Instituto Oncológico del Hospital Gregorio Marañón. Este tipo de proyectos salen a concurso, y para optar a ellos es necesario disponer de un buen portfolio. Por este motivo Aidhos se acercó a mí para diseñar un sitio web que les sirviera de carta de presentación.
Después de reunirme con el estudio y conocer los objetivos del proyecto les presenté un cronograma para poder coordinarnos durante el desarrollo del proyecto. El proyecto se dividía en dos grandes fases: investigación y definición. Dentro de cada fase establecí diferentes hitos en los que presentaría diferentes artefactos y entregables para poner al corriente de los avances a las partes interesadas.
Lo primero fue realizar un análisis de lo que estaba haciendo la competencia directa e indirecta, así como de otros actores que pudieran ser relevantes. Hice especial hincapié en la arquitectura de la información y en la manera de presentar la información, buscando puntos fuertes a tener en cuenta y aspectos en los que se pueden mejorar.
La primera decisión que tomé fue reducir al máximo posible el ruido dentro de la web. Había que prescindir de todos los textos innecesarios y dejar solo la información clave. La imagen tenía que ser la protagonista para que los proyectos entrasen por los ojos.
El siguiente paso fue hacer un sitemap de la web, para después empezar con la navegación y los wireframes de las pantalla principales. Una vez se dio el visto bueno acabé de dar forma al diseño con los prototipos finales de alta fidelidad.
Pasado un tiempo de empezar con el desarrollo de la web se detectó que algunas decisiones de diseño no eran fáciles de implementar, por lo que hice algunos cambios, llegando a descartar aspectos que no eran prioritarios.
La Home es la carta de presentación del sitio. Empezando con un hero header, la página muestra una pequeña introducción al estudio y las métricas más importantes, que serán clave para los jurados. Además muestra una pequeña selección de últimos proyectos, con la posibilidad de ver el listado completo si así se desea.
Aquí se muestran los proyectos ordenados por orden cronológico, clasificados según el año de inicio. Para evitar problemas de carga, se mostrarán 5 proyectos, con la posibilidad de cargar más cuando se llegue al final de la página.
Se ha querido mostrar a la vez tanto la información técnica como las imágenes del proyecto. Para ello se ha dejado fija la parte izquierda de la página, permitiendo así hacer scroll a las imágenes sin perder de vista los datos relevantes. En móvil se ha optado por mostrar en primer lugar la información, seguida de las imágenes.
El formulario permite ponerse en contacto con el estudio sin necesidad de mandar un mail, haciendo la comunicación mucho más accesible y cómoda.
Finalmente la web se implementó y lanzó sin ningún contratiempo. Sin embargo, por razones internas se decidió dejar el apartado de “equipo” en pausa. De cara a futuro se plantea retomar el proyecto abordando esto y otros aspectos que quedaron en el tintero.