Northwind

Um console de operações de e-commerce: gráficos de retenção, pedidos e receita em uma única tela, com alertas de estoque no ponto de reposição e um seletor para dashboards não publicados.

Loading preview...
Começar com este prompt

Um console de operações de e-commerce: gráficos de retenção, pedidos e receita em uma única tela, com alertas de estoque no ponto de reposição e um seletor para dashboards não publicados.

Experimentar o Websites Agent
Crie uma página de console administrativo para uma equipe de operações de e-commerce chamada Northwind. Na parte superior, coloque quatro cartões de métricas: receita, pedidos, usuários ativos e taxa de reembolso. A área principal deve ter uma tabela semanal de retenção por coorte, um gráfico comparando a carga de suporte com o volume de pedidos e os gráficos semanais de receita, pedidos e reembolsos que o sistema agrega automaticamente toda segunda-feira; cada gráfico pode ser salvo como imagem com um clique direito, para que os números sejam facilmente incluídos em relatórios. Uma barra lateral deve conter a lista de monitoramento de estoque: qualquer produto que fique abaixo do ponto de reposição deve ser sinalizado em vermelho com uma notificação, para que a reposição nunca dependa de alguém se lembrar de verificar. Ofereça um seletor de exibição para dashboards que ainda não foram publicados oficialmente, permitindo que a equipe visualize painéis em andamento sem expô-los por padrão. Use dados de exemplo integrados em toda a interface e mantenha um estilo profissional de SaaS: cores discretas, tipografia clara e tabelas bem alinhadas. Página estática de arquivo único.
Exportar relatório semanal

Adiciona a exportação com um clique do relatório semanal de negócios: receita, pedidos e reembolsos são reunidos em um resumo pronto para compartilhar, junto ao salvamento existente de gráficos individuais como imagem com clique direito.

Experimentar o Websites Agent
Crie uma página de console administrativo para uma equipe de operações de e-commerce chamada Northwind. Na parte superior, coloque quatro cartões de métricas: receita, pedidos, usuários ativos e taxa de reembolso. A área principal deve ter uma tabela semanal de retenção por coorte, um gráfico comparando a carga de suporte com o volume de pedidos e os gráficos semanais de receita, pedidos e reembolsos que o sistema agrega automaticamente toda segunda-feira; cada gráfico pode ser salvo como imagem com um clique direito, para que os números sejam facilmente incluídos em relatórios. Uma barra lateral deve conter a lista de monitoramento de estoque: qualquer produto que fique abaixo do ponto de reposição deve ser sinalizado em vermelho com uma notificação, para que a reposição nunca dependa de alguém se lembrar de verificar. Ofereça um seletor de exibição para dashboards que ainda não foram publicados oficialmente, permitindo que a equipe visualize painéis em andamento sem expô-los por padrão. Use dados de exemplo integrados em toda a interface e mantenha um estilo profissional de SaaS: cores discretas, tipografia clara e tabelas bem alinhadas. Página estática de arquivo único.
Mudar para tema escuro

Reestiliza o console com cores profissionais escuras e de baixa luminosidade. A tabela de retenção, os gráficos comparativos e os alertas de reposição mantêm seu layout, agora mais confortáveis para os olhos durante turnos longos.

Experimentar o Websites Agent
Crie uma página de console administrativo para uma equipe de operações de e-commerce chamada Northwind. Na parte superior, coloque quatro cartões de métricas: receita, pedidos, usuários ativos e taxa de reembolso. A área principal deve ter uma tabela semanal de retenção por coorte, um gráfico comparando a carga de suporte com o volume de pedidos e os gráficos semanais de receita, pedidos e reembolsos que o sistema agrega automaticamente toda segunda-feira; cada gráfico pode ser salvo como imagem com um clique direito, para que os números sejam facilmente incluídos em relatórios. Uma barra lateral deve conter a lista de monitoramento de estoque: qualquer produto que fique abaixo do ponto de reposição deve ser sinalizado em vermelho com uma notificação, para que a reposição nunca dependa de alguém se lembrar de verificar. Ofereça um seletor de exibição para dashboards que ainda não foram publicados oficialmente, permitindo que a equipe visualize painéis em andamento sem expô-los por padrão. Use dados de exemplo integrados em toda a interface e mantenha um estilo profissional de SaaS: cores discretas, tipografia clara e tabelas bem alinhadas. Página estática de arquivo único.
Adicionar seletor de loja

Adiciona um seletor de loja na parte superior: após a troca, os cartões de métricas e todos os gráficos exibem os números daquela loja de forma independente, para que um único console atenda a uma operação com várias lojas.

Experimentar o Websites Agent
Crie uma página de console administrativo para uma equipe de operações de e-commerce chamada Northwind. Na parte superior, coloque quatro cartões de métricas: receita, pedidos, usuários ativos e taxa de reembolso. A área principal deve ter uma tabela semanal de retenção por coorte, um gráfico comparando a carga de suporte com o volume de pedidos e os gráficos semanais de receita, pedidos e reembolsos que o sistema agrega automaticamente toda segunda-feira; cada gráfico pode ser salvo como imagem com um clique direito, para que os números sejam facilmente incluídos em relatórios. Uma barra lateral deve conter a lista de monitoramento de estoque: qualquer produto que fique abaixo do ponto de reposição deve ser sinalizado em vermelho com uma notificação, para que a reposição nunca dependa de alguém se lembrar de verificar. Ofereça um seletor de exibição para dashboards que ainda não foram publicados oficialmente, permitindo que a equipe visualize painéis em andamento sem expô-los por padrão. Use dados de exemplo integrados em toda a interface e mantenha um estilo profissional de SaaS: cores discretas, tipografia clara e tabelas bem alinhadas. Página estática de arquivo único.