Creando mi primer sitio Web. Wireframe de sito Web

Al final del Modulo 2 se nos propone comenzar a crear un sitio Web para publicarlo en Internet al final del curso.
Tenemos 3 variantes propuestos:
        1. Un currículo
        2. Identidad digital personal en la Web
        3. Un sitio de empresa
Me gustaría probar crear un sitio Web personal. Así que comenzamos!

WIREFRAME DE NAVEGACIÓN DE SITIO WEB

 El  Wireframe o esquema de sitio web es el primer paso que permite esquematizar el diseño de la página u ordenamiento del contenido de sitio Web.

 Primero comenzaré con el esquema general del sitio.

Debo decir que me gusta el diseño gráfico, ilustración y dibujo y me gustaría tener un sitio de web personal para poder exponer mis proyectos.

  El primer wireframe lo realicé con el programa de prototipos y diagramas Gliffy. 

Diagrama inicial

Diagrama más detallada

Planteo que mi sitio web tendrá las siguientes paginas :

•    Home page
•    Sobre mí          ↱ Proyectos  ⇀ № 1⇀ №2...
•    Gallery    ⥤ ⥤
•    Blog                 ↳ Regalo para ti
•    Contact         

Mi siguiente paso será probar realizarlo con software Adobe Muse.
De momento hice un "Plan" como lo llaman en Muse, o sea un diagrama general de paginas que tendrá mi sitio Web.

El fireframe de sitio en Adobe Muse

Mi primera impresión " Es un programa maravillooooooosooooo!"En 1 minuto lo tenía hecho todo.
Os debo una explicación. Hago muchos proyectos personales de ilustración y diseño gráfico, para los quales uso los programas de Adobe Photoshop, Illustrator, InDesign  etc. No puedo permitirme comprarlos así de golpe, pero ahora hay una buena opción... Estoy suscrita al Adobe Creative Cloud que me permite (pagando un precio muy razonable al mes 49,99€+ IVA) tener acceso a todas las programas de Adobe en su versión CC.
Ahora comenzaré hacer los mock-up de las páginas.

Continuará....