Web Standards PROJETO WEB



Documentos relacionados
Criando e Publicando na Web

Arquitetura da Informação Lílian Simão Oliveira

Arquitectura de Informação

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

ArquiteturadaInformação. Lílian Simão Oliveira

Webdesign Fluxo de Desenvolvimento do Webdesign

Fluxo de Desenvolvimento do Webdesign

Apresentação de Serviços

Sistema de Gestão pela Qualidade Total

ARQI. Arquitetura de Informação. Prototipação, layout e wireframe. Curso Superior de Tecnologia em Design Gráfico

Processo de Desenvolvimento de Sites

OPORTUNIDADES CWI: Principais atividades: - Análise e desenvolvimento de sites Cross-plataform (IE/Firefox/Chrome/Safari).

sz propaganda propaganda sz consulting sz webdesign sz branding sz design um novo começo. um novo começo. além da marca e muito mais

Prof. Me. Marcos Echevarria

Proposta. Site em Flash (Ramo de Cosméticos) Versão: 01 Data: 09/08/2007 Validade: 30 dias. Para

SEO Juliano Torriani Lehugeur

R.A. MKT. Soluções em Mídias Sociais, E-Marketing, Branding e Design

Proposta Web Site Institucional Porto Feliz, 3 de setembro de 2014.

Marketing Web & Desenvolvimento

RESOLUÇÃO SEPLAG no. 51 / 2009 Altera a Resolução SEPLAG no. 40, de 18 de

ANEXO I Sumário Manual de Preços e Serviços Digitais

é uma Agência de Internet Marketing e Comunicação Multidisciplinar. Há mais de dez anos no mercado, trabalhamos com foco no planejamento, execução e

OPORTUNIDADES CWI: Principais atividades: - Análise e desenvolvimento de sites Cross-plataform (IE/Firefox/Chrome/Safari).

Design 3D. Formação em Web WEB DESIGN 3D 1

Quando se trata do universo on-line, nada é estático. Tudo pode se transformar de uma hora pra outra, basta o vento mudar de direção.

Fazer a web + inteligente. Este é o nosso compromisso, sempre.

Vamos, juntos. Equipe de Atendimento.

Proposta. Soluções Comunicação Digital

SEO O que é? Por que investir em SEO? O que é Orago? Como ele vai me ajudar?

PROTOTIPAGEM KIT DE CONTEÚDO TAKE A TIP. Inovação e Negócios

PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE

OPORTUNIDADES CWI: Principais atividades: - Análise e desenvolvimento de sites Cross-plataform (IE/Firefox/Chrome/Safari).

MARÇO 2008

Proposta Web Site Institucional Porto Feliz, 28 de maio de 2015.

Aumentando as vendas online do Grupo VEPEA

Padrão Visual de Sistemas da Anvisa na Internet

Proposta de Especificação do Software. Codificar Sistemas Tecnológicos. Site Institucional GRUPO POLYMAC-DINOX. Autor: Equipe Codificar

OPORTUNIDADES CWI: Analista de Sistemas Sênior

Atuação & Serviços. Planejamento

_aplicando ux design em. projetos digitais cases da Catarinas Design

Combinamos a nossa experiência em todas as vertentes do marketing digital

Tabela de Preços Sugeridos

Gerenciando Projeto de Website: Caso PMI AM

QuEm SomoS missão 5 DESIGN & ComuNICação PublICIDaDE EvENtoS PromoçõES WEb

Modelo de Questões para Planejamento Digital Interativo

SUA MAIS NOVA AGÊNCIA ON-LINE. PUBLICIDADE DESIGN WEB.

Pós Graduação em Marketing e Design Digital

Processos de Design de IHC (Parte II)

Formação em WEB DESIGN: Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico.

Apresentamos a. A sua Agência de Multissoluções. Olá, muito prazer :)

ISO Aécio Costa

Proposta para criação de site para

Projeto Pé na Dança. Bruno Barros Comunicador Visual /

PROPOSTA DE DESENVOLVIMENTO SITE INSTITUCIONAL

EMENTAS DAS DISCIPLINAS

Proposta de Reformulação e desenvolvimento permanente do site Zip Lube 18/07/2013

É um prazer ter você como cliente da Agência WX.

Introdução ao Web Design. Aspectos gerais para um bom web design

Guia-se Negócios pela Internet

Análise e Projeto de Sistemas de Informação. Andrêza Leite andreza.lba@gmail.com

ONE TOONE CURSOS PARTICULARES HTML5 + CSS3 + ADOBE DREAMWEAVER CC

Benchmark Internacional Usabilidade Prefeituras e Boas Práticas de Planejamento e Gestão. Marcelo Barbosa, M.Sc. José Cláudio C.

A Dehlicom tem a solução ideal em comunicação para empresas de todos os portes, sob medida.

SOFTWARE PARA DESIGN DE PROTÓTIPOS

Professor: Ronilson Morais Lobo. Salvador / 2015

Projeto 2.47 QUALIDADE DE SOFTWARE WEB

ideação de produtos e geração de ideias

Wireframes Desenho de Iteração. Henrique Correia. Faculdade de Ciências da Universidade de Lisboa

LB Marketing O verdadeiro foco no cliente PROPOSTA DE PROJETO DE AUDITORIA DE ATENDIMENTO AO CLIENTE NO PDV

Guia Definitivo sobre Tráfego Gratuito na Internet.

ANEXO I - Proposta. 1. Apresentação. 2. Tecnologia. 3. Metodologia

Mauricio Barbosa e Castro

Roberto Chahim. .apresentação 01/15

Você tem um sonho...

História. confira nas próximas páginas meu portfólio!!

António Amaro Marketing Digital Junho 2014 INTRODUÇÃO E OBJECTIVOS

3 - Projeto de Site:

DELEGAÇÃO REGIONAL DO ALENTEJO CENTRO DE FORMAÇÃO PROFISSIONAL DE ÉVORA. Reflexão Criação de páginas para a web em hipertexto

Proposta para media kit, adwords e manutenção dos sites

ESTUDO DA MELHOR METODOLOGIA PARA A DIFUSÃO DE VÍDEOS EXPLICATIVOS DE FENÔMENOS METEOROLÓGICOS

Analista de Negócio Pleno

PÓS DE DESIGN DE INTERFACE GRÁFICA PARA S.I. CASE HOLOZEN

Conceitos Básicos

Prezados, seguem abaixo questionamentos pertinentes a Concorrência FIESC nº 020/2014 Lote 2.

4 Cursos de nível superior no Brasil para formação de Designers de Games

Processos de Design de IHC (Parte I)

Projeto de Interface do Usuário

Diretrizes de Qualidade de Projetos

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS

LEVANTAMENTO DE REQUISITOS DE FORMA ENXUTA

Transcrição:

Web Standards PROJETO WEB Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1

Briefing Planejamento Criação Desenvolvimento Homologação Produção Divulgação Métricas Manutenção Ferramentas para Web Design 2

BRIEFING O briefing é um conjunto de informações passadas em uma reunião para o desenvolvimento de um projeto. O briefing deve criar um roteiro de ação para criar a solução que o cliente procura, é como mapear o problema, e com estas pistas, ter idéias para criar soluções. Ferramentas para Web Design 3

PLANEJAMENTO Métricas atuais e concorrentes Benchmark e Teste de Usabilidade Ferramentas para Web Design 4

Benchmarking é a busca das melhores práticas na indústria que conduzem ao desempenho superior. É visto como um processo positivo e pró-ativo por meio do qual uma empresa examina como outra realiza uma função específica a fim de melhorar como realizar a mesma ou uma função semelhante. O processo de comparação do desempenho entre dois ou mais sistemas é chamado de benchmarking e as cargas usadas são chamadas de benchmark. Ferramentas para Web Design 5

Benchmarking Ferramentas para Web Design 6

PLANEJAMENTO UM PROFISSIONAL QUE PRECISA ESTAR ANTENADO Ferramentas para Web Design 7

Ferramentas para Web Design 8

BRANDCHANNEL Ferramentas para Web Design 9

BRANDCHANNEL (brandchannel.com) é um site sobre marcas, lançado em 2001, com objetivo de fornecer um perspectiva global da popularidade das maiores marcas. O Web site é produzido pela agência Interbrand. Ferramentas para Web Design 10

BRANDCHANNEL Ferramentas para Web Design 11

BRANDCHANNEL Ferramentas para Web Design 12

Ferramentas para Web Design 13

PLANEJAMENTO Métricas atuais e concorrentes Benchmark e Teste de Usabilidade Análise e definições de melhores práticas Definição de requisitos Elaboração de Wireframe Ferramentas para Web Design 14

Um wireframe de site web é um guia visual básico usado em design de interface para sugerir a estrutura de um site e relacionamentos entre suas páginas. (ou também "wire frame web", "wireframe web", "web wireframing") Ferramentas para Web Design 15

Um wireframe web é uma ilustração semelhante do layout de elementos fundamentais na interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido. Ferramentas para Web Design 16

- O objetivo do wireframe é ajudar o desenvolvedor de sistemas a entender o que o cliente está querendo, mostrando os requisitos funcionais de um sistema. - Este desenho deve retratar toda a arquitetura de informação do sistema desejada pelo cliente e a usabilidade do sistema. Deve ser muito simples e resumido, informando ao desenvolvedor apenas o que for estritamente necessário. Ferramentas para Web Design 17

Ferramentas para Web Design 18

Ferramentas para Web Design 19

Ferramentas para Web Design 20

Ferramentas para Web Design 21

CRIAÇÃO Processo criativo / Brainstorm Layouts das páginas Storyboard para animações Aprovação do Cliente Ferramentas para Web Design 22

CRIAÇÃO Processo criativo / Brainstorm Leitura dos requisitos do projeto Estudo do Wireframe Estudo do Briefing Busca de referências Ferramentas para Web Design 23

O brainstorming (literalmente: "tempestade cerebral" em inglês) ou tempestade de ideias, mais que uma técnica de dinâmica de grupo, é uma atividade desenvolvida para explorar a potencialidade criativa de um indivíduo ou de um grupo, colocando-a a serviço de objetivos pré-determinados. Ferramentas para Web Design 24

Ferramentas para Web Design 25

Ferramentas para Web Design 26

Ferramentas para Web Design 27

Ferramentas para Web Design 28

Ferramentas para Web Design 29

Ferramentas para Web Design 30

DESENVOLVIMENTO Especificação de Interface Web Standards (os padrões web) SEO (Search Engine Optimization) Programação e Banco de dados Ferramentas para Web Design 31

DESENVOLVIMENTO Especificação de Interface Web Standards (os padrões web) SEO (Search Engine Optimization) Programação e Banco de dados Ferramentas para Web Design 32

Ferramentas para Web Design 33

DESENVOLVIMENTO Especificação de Interface Web Standards (os padrões web) SEO (Search Engine Optimization) Programação e Banco de dados Ferramentas para Web Design 34

Ferramentas para Web Design 35

Ferramentas para Web Design 36

DESENVOLVIMENTO Especificação de Interface Web Standards (os padrões web) SEO (Search Engine Optimization) Programação e Banco de dados Ferramentas para Web Design 37

HOMOLOGAÇÃO Colocar site em ambiente de testes Bateria de testes Quality Center Solucionando os bugs Aprovação do cliente Ferramentas para Web Design 38

HOMOLOGAÇÃO Ferramentas para Web Design 39

PRODUÇÃO Publicar arquivos nos servidores da internet Homologação Aprovação do cliente Ferramentas para Web Design 40

Ferramentas para Web Design 41