Exemplo Fictício de Entrega

Os exemplos de resposta publicados aqui são referências apenas estruturais. Eles não representam necessariamente respostas de boa qualidade.

Informações Gerais

Membro\Presença 05
Fulano da Silva (Mecânica)
Beltrano de Souza (Mecânica)
Sicrano de Algo (Mecatrônica)
Zé das Couves (Computação)

GitHub

https://github.com/zedascouves/CoDesignProjeto1

Arquitetura de Informação

Primeira tarefa

Projetos que demonstram competências de Engenheiro Mecânico
  • Prótese Solidária
  • Braço Mecânico para Colheita de Berinjelas
  • Medidor de Vazão em Rios
Projetos que demonstram competências de Engenheiro Mecatrônico
  • Braço Mecânico para Colheita de Berinjelas
  • Controle de Temperatura Residencial
  • Drone Autônomo para Monitoramento de Desastres Naturais
Projetos que demonstram competências de Engenheiro de Computação
  • PokéInsper Go
  • Drone Autônomo para Monitoramento de Desastres Naturais
  • Simulador de Neurocirurgia
Projetos que demonstram competências teóricas
  • Medidor de Vazão em Rios
  • Drone Autônomo para Monitoramento de Desastres Naturais
  • Simulador de Neurocirurgia
  • Seminário sobre os Teoremas de Green, Gauss e Stokes
Projetos que demonstram competências práticas
  • Prótese Solidária
  • Braço Mecânico para Colheita de Berinjelas
  • Controle de Temperatura Residencial
  • Drone Autônomo para Monitoramento de Desastres Naturais
  • PokéInsper Go
  • Simulador de Neurocirurgia

Segunda tarefa

  • Virtuais
    • Python
    • JavaScript
  • Reais
    • Bidimensionais
      • Artigos
      • Relatórios
    • Tridimensionais
      • Objetos
      • Máquinas
  • Outros

Terceira tarefa

A página do projeto sempre deve apresentar os campos "nome", "curso", "período", "design", "escrita" e "descrição". Todas as perguntas que não podem ser respondidas pelos cinco primeiros campos podem ser respondidas pela descrição. Exemplo:

Nome: Prótese Solidária
Curso: Engenharia Mecatrônica
Período: Primeiro
Design: Sim
Escrita: Não
Descrição: Conjunto de próteses fabricadas para crianças carentes. Esse projeto foi feito em 28 de novembro de 2015 como parte da disciplina Design para Caridade. Ajudei a elaborar o desenho técnico e a operar as máquinas do TechLab.

Além disso, a página deve ter obrigatoriamente uma imagem principal e opcionalmente um conjunto de imagens secundárias.

Feedback do ninja

A prótese possui partes eletrônicas? Chuto que não porque você não disse isso explicitamente, mas não está totalmente claro… Também não sei se é óbvio que "Design" refere-se a design centrado no usuário e que "Escrita" refere-se a escrita técnica e científica. E faltou a duração!

Quarta tarefa

  • A primeira página contém referências diretas para os três projetos que melhor representam o aluno.
  • A página "Sobre Mim" contém apenas o nome, o curso, uma foto e um parágrafo curto de biografia.

Leis de Gestalt e Princípios CRAP

Sketch da página principal

(entrega análoga à de baixo)

Sketch da página sobre mim

(entrega análoga à de baixo)

Sketch da página de projeto

sketch2.png

Referências de posicionamento

Menu principal no canto inferior direito

Referências que utilizam o mesmo padrão:
http://www.site-ficticio-a.com/pagina-ficticia-1
http://www.site-ficticio-b.com/pagina-ficticia-2
http://www.site-ficticio-c.com/pagina-ficticia-3
http://www.site-ficticio-d.com/pagina-ficticia-4

Referência que justifica o padrão:
http://www.site-ficticio-e.com/pagina-ficticia-5
Essa página cita estudos que demonstram que a maioria das pessoas começa a ler de baixo para cima e da direita para a esquerda. A intenção do nosso layout é destacar todos os tipos de projeto que o aluno fez, para que o visitante tenha ideia da variedade de competências. Logo, colocamos o menu principal no canto inferior esquerdo para que ele seja a primeira coisa ser vista.

Redes sociais no canto superior esquerdo

(entrega análoga à de cima)

Título no canto superior direito

(entrega análoga à de cima)

Foto do aluno no topo e centralizada

(entrega análoga à de cima)

Título do projeto à esquerda de sua foto

(entrega análoga à de cima)

Teoria das Cores e Tipografia

Mockup da página principal

(entrega análoga à de baixo)

Mockup da página sobre mim

(entrega análoga à de baixo)

Mockup da página de projeto

Mockup.png

Referências de cor e fonte

Fonte Fjalla One do cabeçalho e rodapé

Referências que utilizam o mesmo padrão:
http://www.site-ficticio-a.com/pagina-ficticia-1
http://www.site-ficticio-b.com/pagina-ficticia-2
http://www.site-ficticio-c.com/pagina-ficticia-3
http://www.site-ficticio-d.com/pagina-ficticia-4

Referência que justifica o padrão:
http://www.site-ficticio-e.com/pagina-ficticia-5
Segundo essa página, as características específicas da Fjalla One são adequadas para transmitir seriedade e profissionalismo, que é a imagem que queremos para o portfólio.

Fonte Average

(entrega análoga à de cima)

Cor verde (#76b874) do cabeçalho e rodapé

(entrega análoga à de cima)

Cor amarela (#c4c17c) do fundo

(entrega análoga à de cima)

Salvo indicação em contrário, o conteúdo desta página é licenciado sob Creative Commons Attribution-ShareAlike 3.0 License