HubDev

Como objetivo principal do desafio, criar uma Landing Page apresentando um produto que resolvesse o seguinte problema: "Explique por que as empresas devem ter a acesso e serem clientes da HubLocal", com base nesse problema resolvi criar o lançamento de um aplicativo de celular, visto que atualmente existem muitos usuários de mobile(realizei algumas pesquisas e a HubLocal não possui nenhuma aplicação mobile), tive contato pela primeira vez com TypeScript e configurando o ESLint com o EditorConfig.

Design:

Contando um pouco o processo do Design, eu tentei dar uma atenção a mais, já que é uma ferramente que eu estou estudando atualmente, pela falta de tempo só consegui explorar a parte da paleta de cores, desenvolvi tudo no Figma.

Inicialmente esboçei um Wireframe com algumas ideias, após o Wireframe feito, pensei um pouco sobre as cores e cheguei na decisão de manter a paleta da própria HubLocal (Azul e verde). Depois dei uma refinada no design desenvolvendo duas variações Desktop e Mobile.

• Design System
• Wireframe
• Desktop
• Mobile

Ferramentas utilizadas:

 - React.js

 - Next.js

 - Typescript (Primeiro contato)

 - Styled components

Componentes/Sessões:

• Header:
  undefined
• Hero:
  undefinedundefined
• Cards Diferenciais:
  undefinedundefined
• Cases:
  undefinedundefined
• Banner CTA:
  undefined
• Dúvidas frequentes (FAQ):
  undefined
• Planos:
  undefined
• Footer:
  undefined

Não consegui alcançar o 100% de 'Accessibility' por causa do pacote de slide

Visite o site: CLICANDO AQUI!