Projeto Interdisciplinar das disciplinas Desenvolvimento Web I, Design Digital e Engenharia de Software I do curso de Desenvolvimento de Software Multiplataforma da FATEC-ZL.

URL: https://petdospets.000webhostapp.com/

SUMÁRIO

[TOC]

Aluno1: Bruna Ciriaco Benedito....................RA 1111392111021
Aluno2: Fernanda Gonçalves Lima...............RA 1111392111014
Aluno3: João Pedro Oliveira Gonçalves........RA 1111392111045
Aluno4: Paulo Henrique Cardoso de Jesus...RA 1111392111018
Aluno5: Vicente Santos Gonçalves................RA 1111392111035

​ O "Pet dos Pets" nasceu a partir do projeto integrado das disciplinas de Engenharia de Software I, Design Digital e Desenvolvimento Web I no 1º semestre do curso de Desenvolvimento de Software Multiplataforma, da FATEC Zona Leste.

​ Este projeto foi pensado e elaborado para um e-commerce de petshop para pessoas que tem animais de estimação ou que desejam adotar um, mas que tem dúvidas sobre como fazer, qual raça adotar e outras questões que envolvem a criação do animal.

​ Durante a elaboração do MockUp foi mudado a cor amarelo para que não ficasse tão brilhante e incomodasse os olhos das pessoas.

• Amarelo: MockUp #FFF202 / HTML #e0d619 .

​ Durante a elaboração do mockup foi utilizado as fontes Roboto, Suez One e Secular One, disponíveis no Figma. Entretanto, durante a construção do código, optou-se usar a família de fontes "Arial, Heveltica, Sans-Serif"

​ A Barra de Acessibilidade foi mudada para contemplar todos os tópicos aprendidos na disciplina de Desenvolvimento Web I, incluindo a navegação por teclado que havíamos removido durante a elaboração do mockup e incluído novamente durante a construção da página, além das opções de contraste e sem contraste que foram incluídas.

​ Foi incluído no menu a opção de voltar para a página inicial do site, pois anteriormente só era possível a página inicial clicando no logo do Pet dos Pets.

​ Outra mudança no menu foi o seu design, que ao invés de ir ocupar todo o monitor, fica centralizado na tela com o mesmo espaçamento a esquerda e a direita.

​ No mockup foi pensado em cada título de seção foi pensado de uma forma diferente, porém durante a montagem do HTML acabou convencionando-se manter um padrão estético e de posicionamento, tendo uma diferenciação apenas na seção de Adoção, onde foi colocado o um ícone.

​ Na primeira fase do projeto, o mapa do site ia ficar no rodapé do site, porém no desenvolvimento do site e da criação do menu, o mapa do site foi tirado do rodapé e colocado em uma página própria por conta do tamanho.

​ Foi padronizado para todos os ícones no formato *redondo, mantendo uma identidade visual padronizada.

Foi aplicada algumas funções básicas e para acessibilidade apresentadas em aula como alerts, máscara de CEP, contraste e aumento e diminuição de fonte.

O site atualmente apresenta responsividade para resoluções de 1920px (zoom em 125%), 1680px, 1600px, 1440px, 1400px, 1280px, 1152px e 1024px. A responsividade para telas de 1920px (zoom 100%), 800px e menores ainda está em desenvolvimento.