Demos · 담다 쇼핑
Commerce · Online Store
담다 쇼핑
Compras e gestão de pedidos para uma pequena loja online
As telas que você abrir na prévia também entram no histórico desta aba. Para explorar com calma, abra a demo em uma nova aba.
Visão geral
Este é um app de exemplo para uma pequena loja online, desenvolvido pela Cocode com Flutter, CoUI e Serverpod. No app para clientes, você encontra produtos pelas coleções em destaque, pelas categorias e pela busca, escolhe as opções, coloca no carrinho e vai até o pagamento; no painel administrativo, você confere os novos pedidos, prepara cada um, informa o código de rastreio e marca como enviado. A Cocode cria apps de loja e painéis como este em projetos terceirizados, do planejamento ao desenvolvimento, publicação e manutenção.
- Tipo
- Compras e gestão de pedidos para uma pequena loja online
- Partes
- App do cliente · Painel administrativo · Widgetbook · Galeria golden · Documentação do projeto
- Tecnologia
- Flutter · CoUI · Serverpod · Widgetbook
- Como testar
- No navegador, sem cadastro, com dados de exemplo
- Desenvolvido por
- Cocode Inc.
Principais funcionalidades
6 funcionalidades
- Explorar produtosComece pelo especial e pelas novidades da tela inicial e encontre os oito produtos por categoria, ordenação e busca.
- Página do produtoEscolha tamanho e cor, veja as abas “Detalhes” e “Entrega e trocas” e adicione ao carrinho ou compre na hora.
- CarrinhoMude as quantidades ou exclua os selecionados, e o subtotal, o desconto e o frete são recalculados. Frete grátis em compras acima de ₩ 50.000.
- Pedido e pagamentoEscolha as observações de entrega e a forma de pagamento, pague e veja a confirmação com o número do pedido. O que você comprou sai do carrinho.
- Painel de gestãoVeja de relance os cartões de novos pedidos, a enviar, vendas de hoje e estoque baixo, com os novos pedidos e os mais vendidos hoje, e passe um novo pedido para preparação ali mesmo.
- Pedidos e envioFiltre a lista de pedidos por status, abra um pedido e passe-o para preparação; depois informe a transportadora e o código de rastreio e marque como enviado.
Contas de demonstração
No app e no painel, escolha uma conta em “Escolher uma conta de demo” na primeira tela. Não precisa de senha.
- ClienteVer produtos · Buscar · Página do produto · Carrinho · Pedido e pagamento
- GestãoPainel · Lista de pedidos · Detalhes do pedido · Preparar · Inserir rastreio
Telas para explorar
Abrem direto no navegador: 5, sempre em uma nova aba.
- AppApp do clienteEscolher produtos, colocar no carrinho e pagar (nova aba)
- ConsolePainel administrativoVer novos pedidos, preparar e enviar (nova aba)
- WidgetbookWidgetbookCatálogo de telas e componentes (nova aba)
- GoldenGaleria goldenCapturas por dispositivo e tema, comparadas com o design (nova aba)
- DocsDocumentação do projetoEstrutura, convenções e comparação com o design (nova aba)
Stack de tecnologia
Sobre o ambiente de demonstração
- Uma demo baseada em uma loja online fictícia. Nenhum pagamento, entrega ou SMS real é feito.
- Funciona sem servidor, com dados de exemplo neste navegador, e volta ao início quando você recarrega a página. Não informe dados pessoais reais.
- Ao trocar de idioma, você continua na mesma tela, e os dados de exemplo, como produtos, nomes e endereços, passam para o idioma escolhido.
- Pedidos, Minha conta e as avaliações no app do cliente, e Produtos, Clientes, Vendas e Ajustes no painel, ainda estão em preparação.
Desenvolvimento de aplicativos de loja online sob medida
Da primeira conversa à transferência do projeto. Primeiro definimos o escopo e depois enviamos o orçamento.
- ConversaUm responsável entra em contato e entende o cenário atual
- Escopo1 semana. Lista de telas, depois orçamento e contrato
- ConstruçãoAvança com uma versão intermediária para usar toda semana
- TransferênciaRepositório · Admin · Permissões · Documentos
- Suporte (opc.)Revisões nas lojas e manutenção
Perguntas frequentes
Dá para terceirizar juntos o app da loja e a gestão de pedidos?
Sim. Como nesta demo, uma só equipe desenvolve o app para clientes e o painel administrativo usado pela sua equipe de operação. Depois da primeira conversa, dedicamos uma semana a listar as telas de clientes e de administração, antes do orçamento e do contrato. O que a sua equipe faz sozinha, como cadastrar produtos, conferir pedidos e gerenciar a base de clientes, é criado como telas de administração.
Como é definido o custo?
Depende do escopo do que será feito. Primeiro definimos o escopo junto com você e depois enviamos o orçamento. Os critérios de custo e as formas de contrato estão na página Processo e custos.
Quanto tempo leva?
Depende do escopo do que será feito. Conte qual serviço você tem em mente e começamos avaliando o prazo juntos. Durante o projeto, você acompanha toda semana uma versão intermediária funcionando, por link e app de teste.
Quem detém os direitos autorais e a propriedade?
Com o aceite concluído e a quitação integral do pagamento, a totalidade dos direitos patrimoniais de autor passa a pertencer à sua empresa — incluindo o direito de elaborar obras derivadas —, e não exerceremos os direitos morais de autor sobre os entregáveis. Isso fica expresso no contrato.
Componentes comuns usados em vários projetos, como o CoUI, ficam fora da cessão; em troca, entregamos uma cópia do código-fonte e o direito de usá-los e modificá-los sem limite de prazo, quantidade ou território. Toda a lógica de negócio, a estrutura de dados e os elementos de marca próprios da sua empresa pertencem integralmente à sua empresa.
Como ficam as integrações de pagamento e envio?
Nesta demo, pagamento e envio são simulados, então não há pagamentos reais nem envio de SMS. Para uma loja de verdade, definimos na conversa quais serviços externos serão conectados, como um meio de pagamento e as transportadoras. As integrações externas são um dos fatores que afetam o orçamento.
Precisa de um sistema assim?
Pode mandar só três linhas. É daí que começamos a definir o escopo.