Sistema: e-commerce livraria manual de identidade visual

Disponível somente no TrabalhosFeitos
  • Páginas : 6 (1336 palavras )
  • Download(s) : 0
  • Publicado : 20 de maio de 2011
Ler documento completo
Amostra do texto
Documento desenvolvido em _ _ / _ _/ 2008
Equipe de Design
Sub-Gerente: Bruno Dias
Membros : Bruno Dias, Guilherme Antonio

Manual de Identidade Visual

Logotipo da OneBit

O Logotipo da Empresa OneBit foi a primeira atividade desenvolvida pela equipe de Design. O nome Onebit em informática significa “ligado”. A base do logotipo é um monitor e um teclado no centro, envolvidos por umsímbolo grego, a letra Omega. O nome da empresa começa da letra Omega centralizada verticalmente e a letra O é cortada pela letra grega Omega. Desenvolvemos um logotipo simples porém para passar a idéia de que trabalhamos com informática. A letra grega foi inserida, apenas para dar um ar de história, de conhecimento, mesmo nossa empresa sendo jovem, temos base e fundamento em nossosconhecimentos.

Design do Site

As principais características do site são a navegabilidade intuitiva e o design agradável. A base de todas as páginas do site são a mesma, um banner na parte superior centralizado, uma coluna de botões a esquerda, e o corpo da página, ou conteúdo da página, que se altera ao mudar de página. De acordo com a análise de requisitos feita, as cores principais usadas sãotonalidades de azul, e branco. Por se tratar de um site de comércio eletrônico o design do site é bem simples, sem muita informação visual para não tirar o foco dos produtos.

Fonte

Basicamente Utilizamos Arial como Fonte Principal, variando apenas no Negrito e Tamanho. A cor da fonte é utilizada em branco por causa da cor de fundo da página que é azul.

Cor de Fundo

A cor de fundo é uma imagemde um degrade de azul repetida dando a sensação de ser um único degrade.

Página Inicial

[pic]
A página inicial do site contém as informações principais, de um modo bem distribuído para o fácil entendimento do usuário, e de um modo que chame atenção.

Banner
[pic]
Tamanho: W: 789; H: 108
Definição: com o visual agradável, foi desenvolvido através de uma foto da livraria junto com umdesenho da deusa apontando para a mesma, dando um ar de sabedoria.
É presente em todas as páginas do site, por isso foi decidido inserir uma caixa de texto de busca para uma fácil visualização em qualquer área em que o usuário estiver.

Botões da barra de menu esquerda
[pic]
Tamanho: W: 117; H: 31
Definição: com botões direcionando para a maioria das páginas do site, de fácil uso por serintuitivo, contendo links para promoções, novidades, notícias, etc.

Botões de categorias
[pic]
Tamanho: W: 94; H: 19
Definição: como o site trabalha com três categorias de produtos diferentes, foi necessário criar uma barra com botões que direcionam o usuário à categoria desejada.

Botão comprar
[pic]
Tamanho: W: 138; H: 59
Definição: caso seja do desejo do usuário comprar algum produto, estebotão irá inserir tal produto no carrinho e direcionar o usuário ao mesmo.

Botões de login e carrinho
[pic]
Login: direciona o usuário ou o administrador à área de login, que é a mesma para o dois.
Carrinho: direciona o usuário para a área do carrinho que contém todos os produtos selecionados.
Foram colocados logo abaixo do banner com o intuito de haver uma rápida visualização por parte dousuário.

Imagem substituta
[pic]
Caso algum produto não tenha uma imagem para ser colocada no site,a imagem acima com o nome da livraria a substituirá até que seja reposta.

Página do carrinho de Compras
[pic]
Contém todos os produtos selecionados pelo usuário, e as informações mais importantes para o mesmo, além da possibilidade de ser colocada uma quantidade de produtos desejadosBarra de informação dos produtos selecionados
[pic]
Tamanho: W: 704; H: 103
Definição: Contém as informações necessárias para se efetuar a compra como o nome do produto, a quantidade e o valor.

Botões da área do carrinho
Tamanho: W: 114; H: 32
[pic]
Definição: Caso seja inserido ou retirado algum produto do carrinho,será dado o novo valor da comprar a partir desde botão
[pic]
Definição:...
tracking img