1. Sketches en papel: Definiendo la idea visual

El primer paso fue buscar referencias y analizar distintos diseños de otras páginas para inspirarme como es el ejemplo de la página web oficial de «Elden Ring». revisé diferentes estructuras de páginas web, prestando atención a la disposición de elementos como encabezados, menús, secciones de contenido y pies de página.

Una vez con algunas ideas en mente, tomé papel y lápiz para hacer bocetos de la estructura de mi blog. Este paso me permitió visualizar de manera rápida y sencilla cómo quería organizar los elementos principales de la página, asegurándome de que el diseño fuera intuitivo y atractivo.

Opté por una estructura con:

• Un encabezado con el nombre del blog y un menú de navegación.

• Una sección principal donde aparecerán las entradas del blog.

• Un pie de página con información adicional y enlaces a redes sociales.

  

2. Creación del wireframe en Miro

Tras definir el diseño en papel, el siguiente paso fue digitalizarlo en Miro. Esta plataforma ofrece herramientas fáciles de manejar para construir wireframes de manera rápida y organizada. Utilicé las plantillas de teléfono, Tablet y página web que posee la página y líneas para representar las distintas secciones de la página, asegurándome de respetar la estructura planteada en mis bocetos.

Miro me permitió jugar con los tamaños de los elementos y ajustar la distribución para mejorar la usabilidad. Agregué etiquetas para identificar cada parte de la interfaz y ver cómo se relacionan entre sí. De esta manera, logré un diseño estructurado y claro que servirá como base para el desarrollo posterior del blog.

Conclusión

Con esta actividad he podido ver el proceso de creación de una página web, lo cual puede resultar muy útil, sobre todo a la hora de emprender por tu cuenta como autónomo, ya sea en el ámbito del arte o en cualquier otro sector.