No pude ver tu sitio actual.
Pero te voy a hacer una recomendación. La imagen que hiceste, para rediseñar tu sitio se llama, en inglés,
wireframe, que es algo así como el armazón de tu sitio. Una forma rápida de visualizar tu sitio y decidir como va a presentarse y como van a interactuar los usuarios con él. Esto es, diseñar la interface de usuario.
Y hay herramientas profesionales para hacer estos wireframes, y muchas de ellas te permiten crear por lo menos un proyecto completo para que conozcas sus funcionalidades. Muchas de estas herramientas funcionan en la nube.
Te dejo esta búsqueda de Google para que explores un poco más acerca de las opciones que tienes para hacer wireframes:
https://www.google.com.mx/#q=wireframe+chrome