Voltar para o Site MZK Voltar para o CRM MZK
Ecossistema Completo

MZK Motos
Plataforma & CRM

Um projeto full-stack focado em alta performance, manipulação avançada de DOM e design premium para conversão e gestão de concessionárias.

Scroll

Tour pelo Sistema

Explore a interface projetada com foco absoluto em usabilidade, contraste e arquitetura de informação.

CRM Dashboard
🔍 Clique para Ampliar

CRM Pipeline Kanban

O coração operacional da MZK. Um pipeline de vendas estilo Kanban desenvolvido do zero, permitindo gestão visual ágil de leads, agendamentos e propostas.

  • Lógica de Drag and Drop personalizada
  • Alertas visuais de SLA (Service Level Agreement)
  • Cálculo de métricas e ticket médio em tempo real
Landing Page Home
🔍 Clique para Ampliar

Vitrine B2C Premium

Uma Landing Page imersiva projetada para maximizar o desejo de compra e a autoridade da marca, utilizando Dark Mode como pilar estético.

  • Animações de scroll dinâmicas
  • Engine de galeria e filtros por marca/categoria
  • Micro-interações focadas em UX
Gerenciamento de Equipe
🔍 Clique para Ampliar

Gestão de Equipes

Módulo administrativo seguro com controle de acesso granular. Permite gerenciar atendentes, comerciais e definir cores de identificação visual no painel.

  • Hierarquia de Permissões (Gerente vs. Vendedor)
  • UI limpa focada na redução de ruído cognitivo
  • Integração instantânea com as métricas do Kanban
Seção Sobre
🔍 Clique para Ampliar

Construção de Autoridade

Apresentação de dados sociais e prova social incorporada nativamente ao layout, fortalecendo a confiança do usuário antes da conversão.

  • Integração visual de métricas do Instagram
  • Tipografia forte (Outfit + Inter)
  • Responsive Design 100% Mobile-First
Tela de Login
🔍 Clique para Ampliar

Acesso Seguro

Interface de login elegante com seleção rápida de perfis e validação de credenciais, protegendo o ambiente interno da concessionária.

  • Glassmorphism Effect em modais
  • Feedback visual de erro imediato
  • Persistência de sessão (Local Storage)

Engenharia & Stack

Arquitetura construída para ser leve, rápida e altamente escalável, utilizando tecnologias fundamentais para máximo controle.

Vanilla JS
Controle absoluto do DOM e lógicas de estado sem dependências pesadas.
🎨
CSS3 Nativo
Variáveis CSS, CSS Grid e Flexbox para um design system consistente.
💾
Local Storage API
Persistência de dados segura diretamente no navegador do cliente.
📱
Responsive Flow
Media queries fluidas garantindo a mesma experiência em Desktop e Mobile.