🏗️ projeto completo – aplicativo wds steel home
📌 nome do app:
wds steel home – soluções construtivas
🎯 objetivo
criar um aplicativo moderno, profissional e funcional com foco em:
cálculo de materiais para construção a seco
geração de orçamentos
cursos técnicos
loja online
integração com whatsapp
captação de revendedores
🎨 identidade visual
paleta de cores (extraída da logo):
uso cor hex
botões principais laranja #fa8040
botões secundários verde claro #a6ce39
ações e chamadas verde acqua #4cb6a8
texto escuro cinza médio #77797d
fundo do app off-white #fff9f3
tipografia:
fonte moderna e limpa, similar a montserrat, poppins ou sf pro
logo:
a logo da wds steel home deve estar presente em todas as telas do app, no topo
🔐 acesso e autenticação
tela de login (página 1):
campos:
e-mail ou número de telefone
senha
botões:
entrar
cadastrar (leva para página de registro)
validação obrigatória para login
esqueci minha senha (opcional)
firebase auth recomendado para backend
tela de cadastro:
campos:
nome completo
e-mail
telefone
criar senha
confirmar senha
cadastro salvo no banco de dados (firebase ou mysql)
🧭 navegação principal (página 2)
após o login, o usuário verá a tela com os seguintes botões principais, em degradê vertical baseado na paleta de cores:
📚 cursos
📐 cálculo de material
🛒 loja online
🤝 seja um revendedor
💰 orçamento online
💬 whatsapp
📘 seção de cursos (página 3)
ao clicar em "cursos", o app abre uma nova página com os seguintes botões:
curso steelframe
curso instalação de forros e tetos
curso instalação de drywall
curso construção de casas
cada botão leva para uma tela descritiva com:
nome do curso
imagem/banner ilustrativo
descrição resumida do conteúdo
botão "saiba mais" (abre uma página ou link externo, como hotmart, youtube ou uma landing page própria)
📐 cálculo de material
tela com campos:
tipo de instalação (forro pvc, drywall, steel frame, etc.)
Largura (m)
Comprimento (m)
Escolha do sentido de instalação (largura ou comprimento)
Botão “Calcular”
Resultado:
Quantidade de peças
Materiais complementares (parafusos, buchas, roda forro, etc.)
Margem adicional de 10% embutida
Geração de orçamento (botão: “Gerar PDF”)
Botão: “Enviar por Whatsapp”
🛒 loja online
integração com página externa (loja virtual existente) ou catálogo com produtos e botão “comprar”
sugestão: woocommerce, shopify, ou glide ecommerce se for interno
🧾 orçamento online
campos:
nome do cliente
telefone / whatsapp
serviço desejado
dimensões (largura x comprimento)
observações adicionais
botão “gerar orçamento”
geração de pdf estilizado com sua logo
botão: “enviar por whatsapp”
🤝 seja um revendedor
formulário de interesse com:
nome
cidade/estado
telefone/whatsapp
campo: “por que quer ser um revendedor?”
botão “enviar”
dados são armazenados ou enviados por e-mail
💬 whatsapp
botão com link direto:
https://wa.me/5522974016022
Mensagem automática:
“Olá, gostaria de saber mais sobre os serviços da wds steel home!”
📦 funcionalidades complementares
responsivo para android e ios
exportação de orçamento em pdf
armazenamento em nuvem (google drive ou firebase)
notificações push (opcional)
compartilhamento de links e cursos
🛠️ sugestão de tecnologias
frontend: flutter, react native ou glide
backend: firebase ou
node.js
Banco de dados: Firebase Firestore ou MySQL
PDF: html2pdf ou PDFKit
Envio WhatsApp: API oficial WhatsApp ou Zaplink
Delivery term: Not specified