Alteração do Web Site

Antes de dar início do estágio curricular a designer Ana Rita Silva procurou saber o máximo possível sobre a empresa Aurea Interiores, e assim sendo foi possível verificar que existia um aspeto relativo à divulgação da imagem e informação da empresa que poderia ser melhorado, o web Site da mesma.

Assim sendo, essa análise foi comunicada à direção da empresa que concordou em atribuir uma nova imagem ao seu web site, sendo que contaram com a ajuda da designer, que realizou a alteração do mesmo no software WIX, que permite criar e desenvolver sites de maneira simples e sem ser necessário recorrer a códigos.

Para dar início às alterações foi necessário ver e rever o site do modo em como o mesmo estava naquele momento para verificar quais as modificações necessárias a serem executadas.

De um modo geral as maiores alterações realizadas residiram na alteração do tipo de letra, sendo o Brandon Grotesque que foi escolhido levando em conta a sua forma e leveza, que combinaria com a linguagem pretendida para o novo visual do web site, sendo que o tipo de letra existente era demasiado rígido e linear. Também os cabeçalhos a preto foram alterados pelo branco, tornando as páginas mais leves, e também o formato das imagens foi alterado, de modo a torná-las mais visíveis e chamativas.

A primeira análise relativamente as páginas a serem alteradas recaiu imediatamente na primeira publicidade apresentada assim que se entra no site, que se encontrava pouco atrativa e um pouco desinteressante.

Figura 275 – Primeira publicidade do web site da Aurea Interiores

Assim sendo, a moldura da mesma foi alterada, e o conteúdo da publicidade foi também alterado, contendo uma ligação na sua totalidade, utilizando a imagem de um painel relacionado com os produtos disponíveis na empresa, e o tipo de letra do texto foi alterado para o escolhido para todo o site.

Foi também adicionada informação pertinente e o design da hiperligação que permite o acesso ao site modificada para algo mais simples e clean.

Figura 276 – Alteração da primeira publicidade do web site da Aurea Interiores, Design: Ana Rita

Silva

Seguidamente foi alterada a página inicial, que se encontrava demasiado sobrecarregada de imagens, e o logótipo da empresa embora tinha uma dimensão generosa perdia o impacto no meio dos restantes elementos, a cor das hiperligações quando selecionadas também não era adequada, estando a vermelho no fundo preto.

Figura 277 – Página inicial do web site da Aurea Interiores

Identificando os elementos errados foi feita a alteração da página, passando a ter apenas duas imagens, que representam a venda de produtos e a realização de projetos em 3D. É também de notar a alteração do cabeçalho para branco, e a modificação do logótipo da empresa de preto para dourado, atribuindo requinte e grandeza, ao cabeçalho foi também adicionado o separador “Projetos”, e os ícones referentes às redes sociais da

empresa foram colocados com as cores que lhe correspondem e foi adicionada a hiperligação do Pinterest e do Twitter.

Figura 278 – Alteração da primeira publicidade do web site da Aurea Interiores, Design: Ana Rita

Silva

A segunda página do site trata-se do separador “Sobre nós” onde é possível saber-se mais um pouco sobre a Aurea Interiores, nesta página o texto tornava-se demasiado pesado devido à sua dimensão, tipo de letra e cor.

Nesta página a capa da mesma torna-se demasiada pesada e o texto nele existentes pouco legível, as imagens colocadas também não se encontram bem colocadas, visto não acompanharem o texto, fazendo com que o conteúdo da página não esteja corretamente formatado e assim torna-se desagradável quando visualizada.

Figura 279 – Segunda página do web site da Aurea Interiores

Assim sendo, o tipo de letra foi alterado para a fonte Bradon Grotesque e para a cor cinza. A capa deste separador foi alterada para a iconologia identificativa da empresa, sendo que esta página se trata da descrição da mesma.

Foi ajustada a dimensão de uma das imagens e a outra foi alterada, para algo com mais definição e um formato mais adequado ao texto existente. A noção de organização causada pelo alinhamento do texto e organização das imagens torna a página mais agradável, mesmo que a dimensão do texto seja a mesma do original.

A disposição dos elementos na página relativa aos produtos disponíveis na Aurea estava demasiado confusa, não existia um formato certo para as imagens utilizadas, nem para a colocação do texto, provocando assim o desinteresse nos visitantes da página que desse não sentiam a vontade de carregar nas hiperligações e visualizar as páginas dos produtos.

Figura 281 – Terceira página do web site da Aurea Interiores

As alterações feitas residiram na colocação dos organizada dos diferentes tipos de produtos, sendo que as imagens foram colocadas todas com a mesma dimensão, sendo uma dimensão que permite a observação correta dos elementos mencionados, a capa também foi alterada, e a hiperligação para os separados de produto tornou-se simples e visível.

Durante de cada separador relativo aos produtos as imagens colocadas eram de baixa qualidade na sua maioria, e devido ao seu formato oval tornavam-se pouco visíveis, a cor colocada na hiperligação que permitia voltar ao separador “Produtos” também não era adequada, chamado mais à atenção do que as imagens dos produtos.

Figura 283 – Página relativa ao separador “Mobiliário” do web site da Aurea Interiores

Na alteração realizada a hiperligação que permite voltar ao separador “Produtos” tornou-se mais simples já não estando inserida numa caixa, e as imagens foram colocadas em formato retangular, todas com a mesma dimensão, e quando o cursor passar por cima das imagens é possível ver a informação relativa à coleção ou modelo da peça em questão.

Figura 284 – Alteração da Página relativa ao separador “Mobiliário” do web site da Aurea Interiores,

Em cada página relativa aos “Produtos” foram utilizados desenhos realizados pela designer Ana Rita Silva que representam cada um dos produtos.

Para além dos desenhos apresentados de seguida foram feitos outros, contudo os seguintes foram os selecionados.

Figura 285, 286 e 287 – Desenhos inseridos nas páginas “Mobiliário”, “Cadeiras” e “Sofás”,

respetivamente

Figura 288, 288 e 290 – Desenhos inseridos nas páginas “Mob. bebé e juvenil”, “Bases e Cabeceiras”

e “Cortinados e Têxteis”, respetivamente

Figura 291, 292 e 293 – Desenhos inseridos nas páginas “Iluminação”, “Papel de Parede” e

O separador relativo aos “Projetos” foi adicionado, podendo expor trabalhos já realizados pela empresa, e mostrar que a realização de projetos 3D se encontra disponível. Esta pagina foi criada com as mesmas bases que a página relativa aos “Produtos”, mantendo a coerência em todo o site.

Figura 294 e 295 – Criação da quarta página e do separador “Quarto dos pássaros”

do web site da Aurea Interiores, Design: Ana Rita Silva

A página das campanhas encontrava-se desatualizada, contendo campanhas expiradas, assim sendo as alterações realizadas foram a alteração dos elementos gerais já mencionados e a retirada das campanhas presentes.

Figura 297 – Alteração da página “Campanhas” do web site da Aurea Interiores, Design: Ana Rita

Silva

A penúltima página do site Aurea Interiores diz respeito a informação relacionada com as possíveis parcerias que podem ser realizadas, bem como o tipo de projetos que podem ser realizados. Os aspetos negativos deste separador são praticamente os mesmos dos existentes no separador “Sobre nós”.

Figura 298 – Página “Profissionais” do web site da Aurea Interiores

As correções realizadas foram semelhantes às realizadas no separador “Sobre nós”, sendo que as imagens não foram alteradas devido à sua boa qualidade.

Figura 299 – Alteração da página “Profissionais” do web site da Aurea Interiores, Design: Ana Rita

Silva

Por último, a página “Lojas”, em que as alterações mais visíveis foi a modificação da imagem capa e da imagem presente no conteúdo da página.

Figura 301 – Alteração da página “Lojas” do web site da Aurea Interiores, Design: Ana Rita Silva

Para promover a alteração do web site da Aurea Interiores foi também realizada a edição de uma imagem que visa a possível visualização do site em computadores, tablets e telemóveis, de modo a ser publicada no facebook para que os seguidores possam visitar o site e ver as novidades que nele se encontram.

Figura 302 – Edição de imagem para promover o web site da Aurea Interiores,

3.9.2.1. Versão Mobile do Web Site

A versão mobile do web site é feita quase de modo automático pelo site WIX, mas necessitou de alguns ajustes.

A dimensão de um ecrã de computador para a dimensão do ecrã de um telemóvel é muito diferente, assim sendo, os layouts das páginas do site no ecrã de telemóvel ficavam desconfiguradas, e isso teve de ser ajustado, e posteriormente verificado em diferentes telemóveis se tudo estava em condições.

Para além da alteração da disposição das imagens e textos das páginas, foi também necessário alterar o modo de pesquisa dos separadores do site, pois num ecrã de telemóvel é impossível ter o cabeçalho dos separadores existente no site de modo legível e funcional, assim sendo a solução partiu na utilização do logótipo em maior escala, chamando à atenção de quem visita o site em versão mobile, e a baixo encontra-se um botão que quando se clica aparecem em modo vertical os separadores, que nos direcionam às restantes páginas, ou até mesmo aos subtítulos dos separadores, como é o caso do separador "Produtos" e "Projetos". Este botão, bem como os separadores aparecem a cinza e branco, sendo as cores base utilizadas no site, que permitiram suavizar todo o conteúdo.

Figura 303 – Edição de imagem para promover a versão mobile do web site da Aurea Interiores,