LIMBUS trips - Diseño web responsive

Diseño web Website UI/UX Web Design Figma web responsive uade micrositio editorial ii limbus trips

CONTEXTO

Este proyecto nació a partir de un trabajo práctico de la facultad en el marco de la materia Diseño Editorial II en el tercer año de la carrera de Diseño Multimedia y de Interacción. Este micrositio individual se desprende del proyecto grupal del sitio web LIMBUS, pertenciente a la misma materia.

NOMBRE Y URL

Teniendo en cuenta que el sitio grupal se llama LIMBUS, decidimos crear un sistema para los nombres de los micrositios. La regla es que todos deben comenzar con la palabra limbus y luego sumarle en inglés el nombre de cada uno basado en la temática principal. De esta forma, mi micrositio obtuvo el nombre de LIMBUS trips.
A su vez, también establecimos un criterio para las URL. El dominio debe ser el nombre del micrositio sin espacios y terminado en .com, de manera tal que mi URL es: limbustrips.com.

Objetivo y funcionalidades

Este micrositio tiene por objetivo brindar a los usuarios toda la información necesaria para que puedan realizar cualquier tipo de excursión con el fin de explorar nuevos destinos.
Es por eso que se encuentran a disposición artículos destacados con información actualizada, mapas interactivos, nuevos destinos, un foro comunitario, diversas convocatorias, un podcast para escuchar durante los trayectos, entre otros contenidos.

Introducción a la subtemática

Limbus trips, nace con el fin de guiar a los intrépidos hacia la esencia de la aventura en ciudades olvidadas. Este santuario digital se dedica a la planificación meticulosa y al enriquecimiento de cada viaje, ofreciendo conexiones tangibles a la esencia de la exploración urbana a través de mapas interactivos y rutas sugeridas.
Este micrositio también es un llamado a la comunidad de exploradores urbanos, con un vibrante foro donde se comparten travesías, consejos y se encuentran compañeros de viaje. Es decir, funciona como un punto de encuentro virtual donde la pasión por lo desconocido se comparte.
Sumérgete en un viaje más allá de las coordenadas físicas, donde cada clic es un paso hacia lo inexplorado.

Limbus trips fusiona información y narrativa, invitando a exploradores urbanos a unirse a una comunidad que entiende que las ciudades están construidas no solo de ladrillos, sino de historias por descubrir.

Publico objetivo

El público objetivo se caracteriza por un espíritu audaz y aventurero, compuesto por individuos que no temen correr riesgos y que están dispuestos a dar el paso para transformar sus deseos de exploración en experiencias concretas. Este segmento particular se distingue por su valentía y determinación, siendo personas que no se conforman con ser meros consumidores o espectadores de las historias ajenas, sino que anhelan convertirse en los protagonistas inigualables de sus propias narrativas.

MOODBOARD

DISEÑO DE MARCA

LOGOTIPO

Como mencioné anteriormente, LIMBUS trips junto a otros micrositios (LIMBUS files, LIMBUS occult, LIMBUS revealing y LIMBUS toshers) se desprenden del proyecto LIMBUS. Por lo tanto, este logo forma parte de un sistema de submarcas pensado con el fin de que no se pierda la escencia de la marca principal pero que al mismo tiempo se vea la particularidad de cada micrositio.
De esta manera se estableció un criterio cromático en la combinación de colores de manera tal que cada micrositio tenga su color predominante, en mi caso el naranja. A su vez se estableció que los nombres debían ser en inglés y escritos en minúsculas.
Por último, se decidió utilizar el banderín como elemento compositivo del sistema ya que este hace alusión a ese sentimiento de búsqueda y exploración que tanto caracterizan la temática rectora.

PALETA CROMÁTICA

Está compuesta por el color de la marca principal, el verde; el color característico de esta submarca, el naranja; y un tono beige a modo de complemento.
También se encuentran presentes el blanco y negro aunque no en tonos plenos para facilitarle la visualización al usuario al momento de leer o consumir contenido.

TIPOGRAFÍA

La familia tipográfica elegida fue la Work Sans, diseñada por Wei Huang. Para esta elección, el enfoque se centró en aprovechar las numerosas variables tipográficas que esta fuente ofrece. Esto permitió generar y establecer distintos niveles de lectura y jerarquías visuales. La diversidad de variables tipográficas brinda la flexibilidad necesaria para destacar elementos clave, transmitir información de manera clara y mantener una estética visual coherente en todo el sitio. Otro aspecto muy importante es la buena legibilidad con la que esta tipografía cuenta, lo cual es fundamental a la hora de desarrollar un sitio web con una gran cantidad de contenido de lectura.

Por último, es importante mencionar que esta fuente cuenta con la licencia Open Font License y que se puede descargar desde Google Fonts.