Huerta de Hierro/Sitio Web

Para este encargo, me pidieron diseñar el Sitio Web principal para Huerta de Hierro, un centro cultural medieval en Lima. Acordamos en utilizar una plantilla web para la misma, pero crear una interfaz diferente y temática para dar algo nuevo a la marca.

Huerta de Hierro ofrece una gran gama de servicios y actividades y cada una de ellas necesitaba diferenciarse y ofrecer información clara en distintas secciones de la web. Por ello, empecé el proyecto definiendo estos servicios, sus alcances y objetivos que tenía en equipo HdH al presentarlos en su nueva página web.

Figura 1: Logo y foto del local de Huerta de Hierro.

Alcance y Objetivos

Debido a la complejidad de los servicios ofrecidos por HdH, el sitio se dividió en cuatro subdominios principales, cada uno de los cuales con sus propias ofertas y funciones; además de un objetivo principal para cada una.

Estos fueron:

  • Casa Club: Lograr vender paquetes de consumo y actividades medievales dentro del Club.
  • Taberna HdH: Generar consumos de Menú Diario dentro y fuera del Club.
  • Posada HdH: Promocionar el Hostel con un público extranjero buscando una experiencia distinta.
  • Caravana HdH: Generar reservas y promover actividades donde participe la Caravana.
Figura 2: Subdominios de HdH

A partir de estas categorías, desarrollé un mapa de sitio que incluya las actividades y servicios claros que se querían presentar en el sitio web:

Figura 3: Mapa de sitio

Desarrollo

Como el proyecto dependía del uso de una plantilla, el enfoque del diseño fue colocado en la generación de una imágen congruente con la marca, y en la facilidad de uso y navegación para nuevos clientes potenciales, junto con el ofrecimiento de información de calidad sobre lo que ofrece HdH.

Los lineamientos de diseño fueron seguidos fielmente, pero ciertos nuevos aspectos fueron agregados para complementar el estilo medieval fantástico, tomando inspiración de pergaminos y arte perteneciente al medioevo y de páginas web con temáticas medievales de los 90s, fusionando el aspecto histórico con el aspecto nostálgico digital.

Figura 4: Páginas de referencia: Tales of the Middle Ages y The Great Lakes Medieval Faire.

Como no hacìa falta la creación de wireframes como tales, el cliente eligió entre dos propuestas con diferentes paletas de color, estilos de fotografía y otros elementos de diseño.

Figura 5: Prototipos con propuestas de diseño.

Resultados

El estilo escogido finalmente fue una combinación de elementos de ambas opciones, como un color y textura de fondo claros y sutiles, pero reminiscente de un pergamino, fotos oscuras y cálidas, botones de acción llamativos y separadores ornamentales entre secciones clave.

Figura 6: Página final seleccionada.