No desenvolvimento da construção da Demo existiram determinadas fases relevantes, que importa descrever.

Na 1ª fase, com a ajuda do Orientador, foram criadas as primeiras linhas mestras do layout. Através da análise efectuada no estudo do estado de Arte, definimos a melhor estrutura para o futuro parque de ciência e inovação.

Na 2ª fase foi utilizado o esboço anterior, para a sua criação digital através do programa Illustrator. Foi elaborada uma estrutura em "Wireframe" e através de variações cromáticas, destacadas áreas de conteúdos consoante a relevância dos mesmos.

A 3ª fase revelava já bastante detalhe para o que era pretendido, sendo assim e segundo o orientador reformulamos o layout e utilizamos um programa para criação de mockups bastante eficaz e completo que se adaptava melhor ao objectivo da demo de baixa fidelidade. A ferramenta de prototipagem Balsamic, foi a eleita depois de uma exploração extensiva de ferramentas similares. Sugerimos este programa a todos os restantes grupos, podendo assim enriquecer o seu projecto.
www.balsamiq.com/

Na 4ª fase, é apresentado a página principal já desenvolvida através do Balsamiq.

Até que chegamos à última fase de conceptualização, a 5ª imagem evidência a conjugação da estrutura final do layout com a definição dos conteúdos que irão existir nas respectivas áreas. A distribuição de informação foi definida através da tabela dos requisitos funcionais, tarefa anteriormente entregue.

Cumprimentos,
O grupo

Layouts