SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Princípios do
 WEB DESIGN
 MARAVILHOS
            O
Você precisa
saber seu preço
por hora antes de
disputar qualquer
trabalho de
contrato
Apenas cerca de 60% de seu
   Salário anual desejado           tempo realmente será pagável,
                                    portanto, você precisa multimplicar
                                    por 60.



  Preço por hora = 40.000/((8X5X50) X.60)
As horas totais trabalhadas em um ano
( 8 horas por dia, 5 dias por semana,
50 semanas por ano).
Esta é a hora gasta inicialmente para
                                 encontrar com os clientes, saber quais
Hora da entrada inicial          são suas necessidade e o que eles
                                 esperam de você


                                 A pré-produção é onde você verá o
Tempo conceitual/Pré-produção    conteúdo do site, projetará uma AI e irá
                                 propor protótipos.

                                 É onde você passará pela fase do
                                 rascunho e da revisão do design,
Rascunhos e revisões do design   aprimorando um conceito final para o site
                                 do cliente. Certifique-se e inclua o tempo
                                 para o retorno do cliente!

                                 É onde você começa a escrever o
Tempo de produção                código. O HTML, CSS devem criar uma
                                 aparência neste estágio. Os designs
                                 finais são enviados

                                 Estes custos podem incluir viagem,
Outros custos                    suprimentos e outro tempo ou material
                                 que devem ser enviados para o cliente.
Hora da entrada inicial                            20 horas
Tempo conceitual/Pré-produção                      30 horas
Rascunhos e revisões do design                     40 horas
Tempo de produção                                  40 horas
Outros custos                                      10 horas

Preço por hora = 30.000 / ((8X5X50) X.60) = R$25/hora


    (140 horas) X(25,00/hora) = R$3500,00
      Este preço representa o custo de um Web site
      pequeno ou médio feito por uma pessoa que cobra
      R$50,00
Planilha de
estimativa
Descrição do Serviço

Nome do cliente: DGAV

Descrição do projeto: Um web site com menos de 25
páginas que serão usadas para promover um produto
(software). O cliente gostaria de ver diversas ideias de
design antes de decidir sobre uma versão final. Todo o
código deve validar.
Tempo de entrada inicial


                         Horas         Preços          Total




Reuniões com o cliente    4      x   R$25/hora   =   R$100,00


Pesquisa para
                          20     x   R$25/hora   =   R$500,00
informações básicas


Viagem                    1      x   R$75/hora   =   R$25,00
Tempo de pré-produção

                        Horas         Preços          Total


Reuniões particulares    2      x   R$25/hora   =   R$50,00

Arquitetura da
                         18     x   R$25/hora   =   R$450,00
informação


Wireframe                10     x   R$25/hora   =   R$250,00


Conceitos do tema        6      x   R$25/hora   =   R$150,00
Rascunhos e revisões do design


                          Horas         Preços          Total




Reuniões com o cliente     2      x   R$25/hora   =   R$50,00



Storyboards                15     x   R$75/hora   =   R$375,00



Revisão dos storyboards    5      x   R$25/hora   =   R$125,00
Tempo de produção
                         Horas         Preços          Total

HTML e CSS                30     x   R$25/hora   =   R$750,00

Programação de back-
                          0      x   R$25/hora   =       -
end


Gráficos e trabalho de
                          10     x   R$25/hora   =   R$250,00
arte

Redação                   2      x   R$25/hora   =
                                                     R$50,00
Validação e depuração     4      X   R$25/hora   =   R$200,00
Despesas gerais


                     Horas         Preços          Total




Fontes e gráficos      -     x   R$25/hora   =   R$200,00



Software               -     x   R$25/hora   =   R$55,00



Suprimentos gerais     -     x   R$25/hora   =   R$100,00
Totais   129 horas                 R$10300,00
         Horas totais do projeto   Custo total

Weitere ähnliche Inhalte

Andere mochten auch

Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leisFelipe Fernandes
 
Roteiro Turístico Inglaterra
Roteiro Turístico Inglaterra Roteiro Turístico Inglaterra
Roteiro Turístico Inglaterra Ingrid D'Angelo
 
Capitulo 7 Livro Nielsen
Capitulo 7 Livro NielsenCapitulo 7 Livro Nielsen
Capitulo 7 Livro NielsenLuiz Agner
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Roteiro da Cidade do Porto
Roteiro da Cidade do PortoRoteiro da Cidade do Porto
Roteiro da Cidade do PortoRicardo Cruz
 
Turismo no Porto
Turismo no PortoTurismo no Porto
Turismo no Portokyzinha
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...haroldo Brito
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revistaMarcos Carneiro
 

Andere mochten auch (20)

Web (design+developer)
Web (design+developer)Web (design+developer)
Web (design+developer)
 
Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leis
 
Roteiro Turístico Inglaterra
Roteiro Turístico Inglaterra Roteiro Turístico Inglaterra
Roteiro Turístico Inglaterra
 
Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
 
Capitulo 7 Livro Nielsen
Capitulo 7 Livro NielsenCapitulo 7 Livro Nielsen
Capitulo 7 Livro Nielsen
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Basicão InDesign
Basicão InDesignBasicão InDesign
Basicão InDesign
 
Porto
PortoPorto
Porto
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Roteiro da Cidade do Porto
Roteiro da Cidade do PortoRoteiro da Cidade do Porto
Roteiro da Cidade do Porto
 
Turismo no Porto
Turismo no PortoTurismo no Porto
Turismo no Porto
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
Cidade do porto
Cidade do portoCidade do porto
Cidade do porto
 
Slide - Diagramação com Indesign
Slide - Diagramação com IndesignSlide - Diagramação com Indesign
Slide - Diagramação com Indesign
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revista
 
Design de revistas
Design de revistasDesign de revistas
Design de revistas
 

Ähnlich wie Quantocobrar

Quanto você cobra? É um site simples.
Quanto você cobra? É um site simples.Quanto você cobra? É um site simples.
Quanto você cobra? É um site simples.Daniel Dantas
 
Business value - Na prática o que é valor para o cliente
Business value  - Na prática o que é valor para o clienteBusiness value  - Na prática o que é valor para o cliente
Business value - Na prática o que é valor para o clienteJennifer Sousa
 
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...tdc-globalcode
 
Gerência de Projetos de Software - Aula 3 [SCRUM]
Gerência de Projetos de Software - Aula 3 [SCRUM]Gerência de Projetos de Software - Aula 3 [SCRUM]
Gerência de Projetos de Software - Aula 3 [SCRUM]Adson Cunha, MSc, PMP®
 
Fundamentos de scrum e agile
Fundamentos de scrum e agileFundamentos de scrum e agile
Fundamentos de scrum e agileLeandro Castro
 
Vendi um app e agora?
Vendi um app e agora?Vendi um app e agora?
Vendi um app e agora?Dirceu Belém
 
A agência Nuve e o processo de projetos
A agência Nuve e o processo de projetosA agência Nuve e o processo de projetos
A agência Nuve e o processo de projetosAgência Nuve
 
Porque você precisa de uma estratégia de QA e precisa disso AGORA!
Porque você precisa de uma estratégia de QA e precisa disso AGORA!Porque você precisa de uma estratégia de QA e precisa disso AGORA!
Porque você precisa de uma estratégia de QA e precisa disso AGORA!Daniel Carvalhinho
 
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...tdc-globalcode
 
Mitos do Desenvolvimento de Software
Mitos do Desenvolvimento de SoftwareMitos do Desenvolvimento de Software
Mitos do Desenvolvimento de Softwareguest2f8cba
 
Gestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareGestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareRafael Amaral
 
Desenvolvendo mvp com python
Desenvolvendo mvp com pythonDesenvolvendo mvp com python
Desenvolvendo mvp com pythonBruno Rocha
 
Clean code - Qualidade em desenvolvimento de Software
Clean code - Qualidade em desenvolvimento de SoftwareClean code - Qualidade em desenvolvimento de Software
Clean code - Qualidade em desenvolvimento de SoftwareGabriel Felipe Soares
 
Prototipação em VR. Falhar e aprender rapidamente!
Prototipação em VR. Falhar e aprender rapidamente!Prototipação em VR. Falhar e aprender rapidamente!
Prototipação em VR. Falhar e aprender rapidamente!Whide Barbosa
 
Aprendendo a cobrar pelos seus projetos. copy
Aprendendo a cobrar pelos seus projetos. copyAprendendo a cobrar pelos seus projetos. copy
Aprendendo a cobrar pelos seus projetos. copyAndre Alves
 

Ähnlich wie Quantocobrar (20)

Quanto você cobra? É um site simples.
Quanto você cobra? É um site simples.Quanto você cobra? É um site simples.
Quanto você cobra? É um site simples.
 
Business value - Na prática o que é valor para o cliente
Business value  - Na prática o que é valor para o clienteBusiness value  - Na prática o que é valor para o cliente
Business value - Na prática o que é valor para o cliente
 
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...
TDC2018FLN | Trilha Agile - Business Value: Na prática, o que é o valor para ...
 
Gerência de Projetos de Software - Aula 3 [SCRUM]
Gerência de Projetos de Software - Aula 3 [SCRUM]Gerência de Projetos de Software - Aula 3 [SCRUM]
Gerência de Projetos de Software - Aula 3 [SCRUM]
 
Fundamentos de scrum e agile
Fundamentos de scrum e agileFundamentos de scrum e agile
Fundamentos de scrum e agile
 
Vendi um app e agora?
Vendi um app e agora?Vendi um app e agora?
Vendi um app e agora?
 
Scrum na sua Empresa
Scrum na sua EmpresaScrum na sua Empresa
Scrum na sua Empresa
 
Tdc sp-2017 pdf
Tdc sp-2017 pdfTdc sp-2017 pdf
Tdc sp-2017 pdf
 
A agência Nuve e o processo de projetos
A agência Nuve e o processo de projetosA agência Nuve e o processo de projetos
A agência Nuve e o processo de projetos
 
Porque você precisa de uma estratégia de QA e precisa disso AGORA!
Porque você precisa de uma estratégia de QA e precisa disso AGORA!Porque você precisa de uma estratégia de QA e precisa disso AGORA!
Porque você precisa de uma estratégia de QA e precisa disso AGORA!
 
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
 
Mitos do Desenvolvimento de Software
Mitos do Desenvolvimento de SoftwareMitos do Desenvolvimento de Software
Mitos do Desenvolvimento de Software
 
#{GCODE}
#{GCODE}#{GCODE}
#{GCODE}
 
Scrum, Agilismo e Boas Práticas
Scrum, Agilismo e Boas PráticasScrum, Agilismo e Boas Práticas
Scrum, Agilismo e Boas Práticas
 
Gestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareGestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de Software
 
Desenvolvendo mvp com python
Desenvolvendo mvp com pythonDesenvolvendo mvp com python
Desenvolvendo mvp com python
 
Clean code - Qualidade em desenvolvimento de Software
Clean code - Qualidade em desenvolvimento de SoftwareClean code - Qualidade em desenvolvimento de Software
Clean code - Qualidade em desenvolvimento de Software
 
Prototipação em VR. Falhar e aprender rapidamente!
Prototipação em VR. Falhar e aprender rapidamente!Prototipação em VR. Falhar e aprender rapidamente!
Prototipação em VR. Falhar e aprender rapidamente!
 
Aprendendo a cobrar pelos seus projetos. copy
Aprendendo a cobrar pelos seus projetos. copyAprendendo a cobrar pelos seus projetos. copy
Aprendendo a cobrar pelos seus projetos. copy
 
E04 ll05
E04 ll05E04 ll05
E04 ll05
 

Quantocobrar

  • 1. Princípios do WEB DESIGN MARAVILHOS O
  • 2. Você precisa saber seu preço por hora antes de disputar qualquer trabalho de contrato
  • 3. Apenas cerca de 60% de seu Salário anual desejado tempo realmente será pagável, portanto, você precisa multimplicar por 60. Preço por hora = 40.000/((8X5X50) X.60) As horas totais trabalhadas em um ano ( 8 horas por dia, 5 dias por semana, 50 semanas por ano).
  • 4. Esta é a hora gasta inicialmente para encontrar com os clientes, saber quais Hora da entrada inicial são suas necessidade e o que eles esperam de você A pré-produção é onde você verá o Tempo conceitual/Pré-produção conteúdo do site, projetará uma AI e irá propor protótipos. É onde você passará pela fase do rascunho e da revisão do design, Rascunhos e revisões do design aprimorando um conceito final para o site do cliente. Certifique-se e inclua o tempo para o retorno do cliente! É onde você começa a escrever o Tempo de produção código. O HTML, CSS devem criar uma aparência neste estágio. Os designs finais são enviados Estes custos podem incluir viagem, Outros custos suprimentos e outro tempo ou material que devem ser enviados para o cliente.
  • 5. Hora da entrada inicial 20 horas Tempo conceitual/Pré-produção 30 horas Rascunhos e revisões do design 40 horas Tempo de produção 40 horas Outros custos 10 horas Preço por hora = 30.000 / ((8X5X50) X.60) = R$25/hora (140 horas) X(25,00/hora) = R$3500,00 Este preço representa o custo de um Web site pequeno ou médio feito por uma pessoa que cobra R$50,00
  • 7. Descrição do Serviço Nome do cliente: DGAV Descrição do projeto: Um web site com menos de 25 páginas que serão usadas para promover um produto (software). O cliente gostaria de ver diversas ideias de design antes de decidir sobre uma versão final. Todo o código deve validar.
  • 8. Tempo de entrada inicial Horas Preços Total Reuniões com o cliente 4 x R$25/hora = R$100,00 Pesquisa para 20 x R$25/hora = R$500,00 informações básicas Viagem 1 x R$75/hora = R$25,00
  • 9. Tempo de pré-produção Horas Preços Total Reuniões particulares 2 x R$25/hora = R$50,00 Arquitetura da 18 x R$25/hora = R$450,00 informação Wireframe 10 x R$25/hora = R$250,00 Conceitos do tema 6 x R$25/hora = R$150,00
  • 10. Rascunhos e revisões do design Horas Preços Total Reuniões com o cliente 2 x R$25/hora = R$50,00 Storyboards 15 x R$75/hora = R$375,00 Revisão dos storyboards 5 x R$25/hora = R$125,00
  • 11. Tempo de produção Horas Preços Total HTML e CSS 30 x R$25/hora = R$750,00 Programação de back- 0 x R$25/hora = - end Gráficos e trabalho de 10 x R$25/hora = R$250,00 arte Redação 2 x R$25/hora = R$50,00 Validação e depuração 4 X R$25/hora = R$200,00
  • 12. Despesas gerais Horas Preços Total Fontes e gráficos - x R$25/hora = R$200,00 Software - x R$25/hora = R$55,00 Suprimentos gerais - x R$25/hora = R$100,00
  • 13. Totais 129 horas R$10300,00 Horas totais do projeto Custo total

Hinweis der Redaktion

  1. Se você está trabalhando para si mesmo ou para uma grande empresa, deve ter uma ideia de qual é o seu preço por hora. Então, poderá descobrir o tempo que levará para completar um projeto e transformar isso em um preço real e justo. A pior coisa que você pode fazer é exagerar no valor real ou dar um preço inferior.
  2. Agora, pense em quanto tempo poderia ser necessário em cada parte do processo do web design e escreva sua estimativa.
  3. Agora, pense em quanto tempo poderia ser necessário em cada parte do processo do web design e escreva sua estimativa.
  4. Agora que você tem uma ideia melhor do tempo e dos custos de um projeto web típico, iremos usar uma planilha de estimativa para gerar uma cotação.
  5. A descrição do serviço resume rapidamente o que o projeto requer. Também será um ótimo lembrete se você trabalhar em muitos projetos
  6. 20 horas devem ser suficientes para a fase inicial do projeto. É em grande parte a pesquisa para ver o que as outras empresas em seu campo de clientes estão fazendo. Algumas vezes, é chamada de análise competitiva.
  7. A pré-produção é importante e pode economizar muito tempo e dores de cabeça no futuro se feita devidamente
  8. Os rascunhos e a produção são onde se design realmente começa a brilhar. Também o cliente verá pela primeira vez para onde foi todo o tempo
  9. Estas despesas não são cobradas por hora. Geralmente elas são cobradas com o custo, mais alguma porcentagem da marcação.
  10. É bem provável que você tenha clientes em potencial que verão suas estimativas e começarão a argumentar imediatamente que o preço é alto demais. Se você tiver experiência, confiança em suas habilidades de design e tiver feito um bom trabalho estimando os custos do projeto, será parte de seu serviço explicar para um cliente em potencial por que a estimativa do custo é esta.