Grado Diseño y Creaciones Digitales

Grado Diseño y Creaciones Digitales

Diseño de interfaces

Rediseño de la web. El objetivo principal es invitar a los usuarios a visitar la zona y hacer que la web sea una herramienta útil a la hora de conseguir toda la información necesaria para los visitantes.

Foundations

#A9DBEF

#78A0DC

#399375

#135B32

El itinerario de La Ruta del Cister GR®175

MONASTERIO DE SANTES CREUS

Espectaculares vidrieras y tumbas reales inmersas en la pureza y la austeridad características del Cister.

Brenchmarking, análisis heurístico y arquitectura de la información

BENCHMARKING:
Con el objetivo de contrastar ideas y conocer las tendencias en el diseño de interfaces, realiza una búsqueda de sitios web relacionados con el tema del proyecto (páginas turísticas o similares) que destaquen por su posicionamiento y calidad.

Después de observar las 5 webs creo que la estética de Komoot es muy correcta para esta tipología de webs. también me ha sorprendido la página de Caminos Naturales, aunque la gama cromática no la usaría, dispone una tipografía muy atractiva y con cambios de tamaño para enfatizar ciertas secciones, lo cual me parece muy acertado.

La navegabilidad en este caso también es de gran importancia con una sectorización sencilla al inicio, que te de el pié para realizar una búsqueda inicial, para después centrarte en una ruta o experiencia en concreto.

CARD SORTING 1:

CARD SORTING 2:

Para representar esta estructura de los contenidos se utiliza un diagrama llamado árbol de contenidos, o sitemap.

En este sentido, sobre él se realizarán varias iteraciones con el objetivo de depurar al máximo la estructura para lograr que resulte lo más intuitiva posible.


Por último, es necesario evaluar con usuarios el árbol de contenidos resultante. Para ello, se utiliza la técnica del tree testing, que permite detectar si la estructura responde a sus necesidades y es eficaz.

Los resultados obtenidos en la evaluación conducirán a iteraciones sobre la estructura para ir mejorándola.

https://c0jdhwdr.optimalworkshop.com/treejack/rutadelcister

SITEMAP:

WIREFRAMES VERSIÓN MÓVIL:

WIREFRAMES VERSIÓN ESCRITORIO:

Lo más importante para el rediseño de esta web, fue el menú principal y cómo se presentan los contenidos al usuario.

Facilitar la elección de la información que el usuario necesita realizando un menú más estructurado. De esta manera minimizamos las elecciones que debe realizar el usuario para alcanzar su objetivo.


Se realizo para ello, 2 Card sorting y un Tree testing a 10 posibles usuarios para comprobar la efectividad del mismo. Con los resultados obntenidos se pudo mejorar la arquitectura de la información antes de comenzar con el rediseño en Figma.

Lo más importante para el rediseño de esta web, fue el menú principal y cómo se presentan los contenidos al usuario.

Facilitar la elección de la información que el usuario necesita realizando un menú más estructurado. De esta manera minimizamos las elecciones que debe realizar el usuario para alcanzar su objetivo.


Se realizo para ello, 2 Card sorting y un Tree testing a 10 posibles usuarios para comprobar la efectividad del mismo. Con los resultados obtenidos se pudo mejorar la arquitectura de la información antes de comenzar con el rediseño en Figma.

Moodboard, prototipo gráfico y guía de estilo

¿Qué connotaciones tendrá?

El objetivo es un diseño de una página mucho más consistente e inspirada en los estándares, de esta manera el usuario novato no tendrá dificultades en la selección de su objetivo final. Mejorando la experiencia del usuario y el aspecto de esta página.

Por lo tanto, será un diseño estético y minimalista, gracias al protagonismo de las imágenes y los gráficos para está página en concreto. Siendo un resultado más actual y dinámico y más integrado con el uso de RRSS acercándonos a un tipo de público joven y activo.


¿Qué sensaciones debe sugerir al usuario?

Será asociado con el medio ambiente, el color verde bosque se utiliza para diseños relacionados con causas que apoyan a la tierra y su ecosistema. Como muchos verdes, el color tiene su origen en la naturaleza y evoca la misma calidez de otros colores terrosos. También puede representar renacimiento y renovación.

WIREFRAMES VERSIÓN MÓVIL 2:

WIREFRAMES VERSIÓN ESCRITORIO 2:

Rediseño de la web

DESIGN SYSTEM:

PROTOTIPO:

Vista previa

Diseño editorial

Línea gráfica para el producto editorial “Km0”.
Planteamiento del diseño y estructurar el contenido de la revista para una epub.

Foundations

#D9601B

#F2BE5B

#F1EAD0

#030000

Composición y puesta en página

Se tarta de una revista dinámica por lo que el formato A5 es cómodo de trasportar en la mano, un bolso o una cartera, y a partir de aquí crear la retícula del proyecto para el diseño de la estructura de las páginas.

Km0 es un proyecto editorial asociada al concepto de consumo de productos autóctonos o productos de cercanía y al movimiento denominado "slow food". Se decide por tanto una línea gráfica con un diseño minimalista centrado en la imagen.

Navegabilidad y usabilidad

La publicación digital de la revista da la oportunidad de utilizar recursos multimedia, como la galería de imágenes del restaurante en el segundo destacado, o el vídeo del primer destacado.

Revista interactiva

Identidad y marca

Creación de la marca gráfica y el Manual de Identidad Corporativa de una Plataforma digital de contenido cultural, en este caso el remo español femenino.

Foundations

#09B399

#19FFDB

#FF00FE

#030000

Landing page

Creación de marca

BENCHMARKING:
A lo largo de la historia las mujeres han luchado para abrirse paso en un camino lleno de obstáculos y prejuicios en el ámbito del deporte femenino. La sociedad tenía una idea estereotipada de las mujeres y decidía si podían o no practicar deporte y qué disciplinas en concreto. Como en otros ámbitos culturales y sociales, las mujeres también se han tenido que rebelar para poder estar presentes y tener reconocimiento por sus éxitos y logros.

BRIEFING DEL ENCARGO:
Por lo tanto, crear una marca para el sector público educativo, deportivo, ayuntamientos, no solo para mujeres, sino también un reclamo para la igualdad y tener mayor visibilidad tanto en hombres como en mujeres.

La plataforma ofrecerá no solo información sobre la marca que se construya sino interrelación entre otras plataformas similares donde crear encuentros, eventos o festivales de visibilizar el deporte tradicional y profesional ya conseguido en algunas comunidades.

La competencia son las plataformas masculinas, con mayor presupuesto por el impacto que tiene culturalmente en nuestra sociedad.

La marca se representará no solo en soportes digitales, también en ropa deportiva donde seremos promotores también, se representará en stands de eventos, merchandising y papelería.

NAMING:

Manual de normas de identidad corporativa

NUESTRA MARCA:
LA trainera como órgano rector del deporte, es responsable de la hermanación del remo de España y de la formación, respecto por la tradición y divulgación de información sobre remeras para impulsar la sonoridad del remo femenino.

NUESTRA IDENTIDAD:

COLOR Y FORMATOS:
Siempre que sea posible, se debe usar el logotipo LA trainera en su formato principal en su color. cuando esto no sea posible, se pueden usar formatos de color alternativos.

Aplicaciones

FORMATO WEB Y MOVIL:

IMAGEN STAFF:

Publicidad

BANNER:

TOTE BAG:
La bolsa de LA trainera es un obsequio a los primeros 1000 usuarios registrados en nuestra plataforma.

Comunicaión

PAPELERÍA COMERCIAL:

POST STORY:

Gracias por visitarme

PORTFOLIO

PORTFOLIO

PORTFOLIO