Website Viagem Espacial

Descrição

Uma empresa(fictícia) de turismo espacial, me desafiou a fazer um website sobre seu produto. Como não recusamos desafio, ele foi aceito! Me enviaram o figma com todos os layouts necessário para começar a pôr a mão na massa. Nele você encontrará páginas sobre os destinos, equipe e a tecnologia utilizada para te levar até o seu destino de desejo! Você finalmente poderá conhecer o universo e alguns dos corpos celestes do nosso magnífico Sistema Solar!

Etapas

• Layout mobile:
  • Página inicial;
  • Páginas de destino;
    • Lua;
    • Marte;
    • Europa;
    • Titan;
  • Páginas de equipe;
    • Comandante;
    • Especialista;
    • Piloto;
    • Engenheira;
  • Páginas de tecnologia;
    • Veículo;
    • Estação Espacial;
    • Cápsula;
• Layout Tablet:
  • Página inicial;
  • Páginas de destino;
    • Lua;
    • Marte;
    • Europa;
    • Titan;
  • Páginas de equipe;
    • Comandante;
    • Especialista;
    • Piloto;
    • Engenheira;
  • Páginas de tecnologia;
    • Veículo;
    • Estação Espacial;
    • Cápsula;
• Layout desktop:
  • Página inicial;
  • Páginas de destino;
    • Lua;
    • Marte;
    • Europa;
    • Titan;
  • Páginas de equipe;
    • Comandante;
    • Especialista;
    • Piloto;
    • Engenheira;
  • Páginas de tecnologia;
    • Veículo;
    • Estação Espacial;
    • Cápsula;
• Menu Hamburguer funcional;
• Manipulação de Json para inserir os dados de destino;
• Manipulação de Json para inserir os dados de equipe;
• Manipulação de Json para inserir os dados de tecnologia;
• Swiper na página da Equipe;

Tecnologias

Hospedagem:

Imagens

📷 Página inicial

📷 Página Destinos

📷 Página Equipe

📷 Página Tecnologias

Depoimento

Projeto finalmente pronto! Esse foi sugado, mas a cada barreira encontrada, um sorriso no rosto com a consciência de que eu poderia aprender mais! A responsividade foi o que mais consumiu meus dias nesta semana, mas o que mais me surpreendeu foi conseguir otimizar o projeto de modo que eu consiga manipular o conteúdo da página de acordo com cada botão clicado! Pude manipular arquivo JSON e jogar seu conteúdo nas páginas, foi fantástido o resultado! Estou satisfeito demais com este projeto, se tornou meu xodozinho e espero que gostem também!!!

OBS: Pretendo adicionar Swiper na página de Equipe, acredito que vai ficar bem legal.

Contato | Redes Sociais

Desenvolvedores

Felipe Pereira de Lima