Desenvolvedor web
Criador de sites
✦ Aceitando novos projetos
Cinco frentes. Cada uma tem prova nos protótipos abaixo, quando a prova cabe numa página de demonstração.
Quem precisa existir na internet com cara de profissional: landing page, site institucional ou site de profissional.
Negócios que vendem, orçam ou atendem por horário e querem receber o pedido pronto, sem ficar trocando mensagens.
Quem já tem um fluxo e precisa de uma área para cadastrar, acompanhar e organizar.
Quem quer que o site seja lembrado: movimento leve, vídeo e detalhes que combinam com a marca.
Quem não quer se preocupar com servidor, certificado nem atualização. A assistência mensal (10% do valor único, por mês) é inclusa em todo serviço.
Seis protótipos navegáveis, cada um com um objetivo diferente: fidelizar, agendar, mostrar um catálogo, orçar, captar contatos e vender. Role para conhecer cada um: o que faz, para quem serve, o que tem de próprio e quanto custa.
Objetivo: FidelizarServe para restaurantes, lanchonetes, cafés e delivery que querem que o cliente volte a pedir.Protótipo · marca e dados fictícios
Hamburgueria de brasa · Fidelização
Cardápio com Clube Brasa: pontos a cada pedido, cupom no primeiro e “o de sempre” em um toque.
Para restaurantes, lanchonetes e cafés que querem que o cliente volte. O cardápio e o carrinho levam ao pedido; o Clube Brasa transforma cada pedido em pontos, dá desconto no primeiro e guarda o último pedido para repetir em um toque.
Mostra quantos pontos faltam para o desconto e muda para “você já pode trocar” quando chega a 100.
Mostra o desconto do primeiro pedido, a opção de usar pontos e quantos pontos o pedido vai render, antes de finalizar.
Fundo de brasa com os pratos em camadas e movimento leve, que para sozinho para quem pede menos animação.
Como foi feito: HTML, CSS e JavaScript sem framework · pontos e último pedido no localStorage · <dialog> nativo · imagens WebP.
Tipo de site: Cardápio com clube de fidelidade. Objetivo: fidelizar. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 3 a 4 semanas
Nenhuma funcionalidade marcada ainda.
Objetivo: AgendarServe para barbearias, salões, clínicas, estúdios e quem atende por horário marcado.Protótipo · marca e dados fictícios
Barbearia · Agendamento
Agendamento em 5 passos, com horários que respeitam a duração de cada serviço.
Para barbearias, salões e quem atende por horário. O cliente escolhe serviço, profissional, dia e horário e só enxerga o que está livre, sem trocar mensagens para marcar.
O barbeiro vira o rosto do perfil para a câmera num vídeo com transparência, e o título gigante fica atrás dele.
A disponibilidade de teste é calculada por data, profissional e horário: a mesma data sempre mostra a mesma agenda.
Clicar em qualquer serviço do topo ou da tabela abre o agendamento com ele já escolhido.
Como foi feito: HTML, CSS e JavaScript sem framework · vídeo WebM com transparência · <dialog> nativo.
Tipo de site: Agendamento online. Objetivo: agendar. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 2 a 3 semanas
Nenhuma funcionalidade marcada ainda.
Objetivo: Mostrar e levar ao contatoServe para imobiliárias, concessionárias, arquitetos, fornecedores e quem vende itens únicos ou de alto valor, que se fecham numa conversa.Protótipo · marca e dados fictícios
Imobiliária · Catálogo e contato
Catálogo de imóveis com busca, favoritos e ficha completa, e conversa pelo WhatsApp com a mensagem pronta.
Para imobiliárias, corretores e quem vende itens que se fecham numa conversa. O visitante filtra, abre a ficha, guarda os favoritos e chama no WhatsApp com o imóvel já citado na mensagem.
Quem guardou imóveis manda a lista inteira numa mensagem só, sem precisar repetir nada ao corretor.
O cartão “Reservado” não abre ficha e não entra em nenhuma conversa.
Ao ordenar por valor, os itens são reordenados na própria página, então leitor de tela e teclado seguem a mesma ordem.
Como foi feito: HTML, CSS e JavaScript sem framework · dados dos imóveis em JSON na própria página · <dialog> nativo.
Tipo de site: Catálogo online. Objetivo: mostrar e levar ao contato. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 2 a 3 semanas
Nenhuma funcionalidade marcada ainda.
Objetivo: OrçarServe para confeitarias, marcenarias, gráficas, fotógrafos, estéticas e todo serviço em que cada pedido tem preço diferente.Protótipo · marca e dados fictícios
Doceria por encomenda · Orçamento sob medida
Modelos de doces e montador de encomenda, com estimativa de preço na hora e pedido de orçamento.
Para confeitarias e todo negócio em que cada pedido tem preço diferente. O cliente monta a encomenda (modelo, tamanho, sabor, extras e data), vê a estimativa mudar na hora e envia o pedido para receber o valor final.
O valor aparece como “de R$ X a R$ Y”, porque a decoração e a ideia podem mudar o preço: o valor final é combinado depois.
Cada cartão leva ao montador com o modelo e o sabor já escolhidos, só falta o tamanho.
Sete gotas descem da borda diagonal, uma se solta e cai. É só CSS, roda uma vez e para.
Como foi feito: HTML, CSS e JavaScript sem framework · tabela de preços de exemplo no próprio script · animação só em CSS · <dialog> nativo.
Tipo de site: Orçamento sob medida. Objetivo: orçar. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 2 a 3 semanas
Nenhuma funcionalidade marcada ainda.
Objetivo: Captar contatosServe para quem tem um único serviço ou oferta para vender: professores, estúdios, consultórios, eventos, lançamentos e campanhas.Protótipo · marca e dados fictícios
Estúdio de yoga · Captação de contatos
Uma página, um objetivo: levar o visitante a pedir a aula experimental.
Para estúdios, professores, consultórios e quem tem uma oferta só. A página conta a proposta, mostra as aulas e os horários, tira as dúvidas e termina num formulário de dois dados, sem outros caminhos para o visitante se perder.
Inspire 4 s, segure 2 s, expire 6 s. Só se move quando o visitante aperta “Começar”.
O nome é o título da página, sobre a foto de estúdio, com o brilho magenta do design system.
O menu tem quatro âncoras e todos os botões levam ao mesmo formulário: nada disputa a atenção com o pedido.
Como foi feito: HTML, CSS e JavaScript sem framework · formulário em um único script · <dialog> e <details> nativos.
Tipo de site: Landing page. Objetivo: captar contatos. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 1 a 2 semanas
Nenhuma funcionalidade marcada ainda.
Objetivo: VenderServe para lojas de qualquer ramo que vendem vários produtos e querem receber o pedido pago, com o estoque em dia.Protótipo · marca e dados fictícios
Pet store · Venda de produtos
Loja virtual: carrinho, pagamento por Pix ou cartão e estoque que baixa a cada venda.
Para lojas que vendem vários produtos e querem receber o pedido já pago. O cliente escolhe pelo bicho e pelo porte, monta o carrinho, paga por Pix ou cartão e o estoque é baixado na hora.
Cada venda reduz as unidades; o produto que acaba vira “Indisponível” e não aceita mais pedido. Um botão repõe o estoque da demonstração.
Ao adicionar um produto, patinhas andam do botão ao carrinho do cabeçalho e o carrinho balança ao receber.
O endereço guarda o animal, o porte e a busca, então dá para compartilhar exatamente a mesma vitrine.
Como foi feito: HTML, CSS e JavaScript sem framework · carrinho em sessionStorage · pagamento e estoque simulados no navegador · Web Animations API.
Tipo de site: Loja virtual (venda de produtos). Objetivo: vender. O valor parte da base e cada funcionalidade tem preço próprio: marque o que você precisa e veja o total.
Prazo: 4 a 5 semanas
Nenhuma funcionalidade marcada ainda.
Sites e interface
Sistemas e pagamento
Publicação
Entendo o negócio, o público e o que o site precisa fazer.
Escopo, prazo e valor por escrito, antes de começar.
Você vê a página montada e aprova antes do código final.
Construção por etapas, com link para acompanhar cada parte.
Publicação, treinamento rápido e acompanhamento depois do lançamento.
Um bom site não é só o que se vê. É o que faz o cliente pedir, agendar e pagar.
Ycaro
Vamos criar algo bom juntos.
Cada tipo de página ou site tem um valor-base, e quase tudo já vem incluso. O que for extra aparece com preço na hora de montar o seu. A assistência mensal, de 10% do valor único por mês, está inclusa em todo serviço.
| Tipo de site | A base inclui | Base | Funcionalidades | Ação |
|---|---|---|---|---|
| Cardápio com clube de fidelidadeExemplo: Ferro & FogoObjetivo: Fidelizar. Serve para restaurantes, lanchonetes, cafés e delivery que querem que o cliente volte a pedir. | Página com topo, cardápio em cartões (foto, categoria, preço e selos) e contato · Identidade visual aplicada (nome, logotipo, cores e fontes) | a partir deR$ 1.800 | nenhum opcional · 8 incluídas + assistência mensal inclusa | Montar o meu |
| Agendamento onlineExemplo: Clube do CorteObjetivo: Agendar. Serve para barbearias, salões, clínicas, estúdios e quem atende por horário marcado. | Página com título, tabela de serviços (duração e preço) e contato · Identidade visual aplicada (nome, logotipo, cores e fontes) | a partir deR$ 1.500 | nenhum opcional · 7 incluídas + assistência mensal inclusa | Montar o meu |
| Catálogo onlineExemplo: BeiralObjetivo: Mostrar e levar ao contato. Serve para imobiliárias, concessionárias, arquitetos, fornecedores e quem vende itens únicos ou de alto valor, que se fecham numa conversa. | Página com topo, vitrine de itens em cartões (foto, local, medidas e valor) e contato · Identidade visual aplicada (nome, logotipo, cores e fontes) | a partir deR$ 1.500 | nenhum opcional · 6 incluídas + assistência mensal inclusa | Montar o meu |
| Orçamento sob medidaExemplo: CarmimObjetivo: Orçar. Serve para confeitarias, marcenarias, gráficas, fotógrafos, estéticas e todo serviço em que cada pedido tem preço diferente. | Página com topo, modelos em cartões (foto, nome, descrição e preço de referência) e contato · Identidade visual aplicada (nome, logotipo, cores e fontes) | a partir deR$ 1.500 | nenhum opcional · 7 incluídas + assistência mensal inclusa | Montar o meu |
| Landing pageExemplo: YOGAObjetivo: Captar contatos. Serve para quem tem um único serviço ou oferta para vender: professores, estúdios, consultórios, eventos, lançamentos e campanhas. | Uma página com proposta, benefícios, horários ou etapas, perguntas frequentes e chamada para ação · Formulário curto de captação (nome e WhatsApp) e botão de WhatsApp | a partir deR$ 900 | 1 opcional · 4 incluídas + assistência mensal inclusa | Montar o meu |
| Loja virtual (venda de produtos)Exemplo: CarameloObjetivo: Vender. Serve para lojas de qualquer ramo que vendem vários produtos e querem receber o pedido pago, com o estoque em dia. | Página com topo, categorias, produtos em cartões e contato · Identidade visual aplicada (nome, logotipo, cores e fontes) | a partir deR$ 2.200 | nenhum opcional · 9 incluídas + assistência mensal inclusa | Montar o meu |
| Site institucionalObjetivo: Dar credibilidade. Serve para empresas e profissionais que precisam de um endereço completo na internet, com várias páginas e informações do negócio. | Início e seções de sobre, serviços e contato · Formulário de contato e botão de WhatsApp | a partir deR$ 2.500 | 1 opcional · 5 incluídas + assistência mensal inclusa | Pedir proposta |
Valor-base do tipo de site + as funcionalidades que você marcar. A assistência mensal (10% do valor único) é inclusa em todo serviço e cobrada por mês, depois da entrega, à parte do valor único. A hospedagem não é cobrada.
A proposta é cobrar 50% para começar e o restante na entrega. O percentual e as condições finais ficam na proposta, por escrito.
Depois de combinarmos, envio pelo WhatsApp um link de pagamento exclusivo, só seu, para pagar por Pix ou cartão de crédito, pelo Mercado Pago. O site não recebe pagamentos fora desse link. Como o pagamento é protegido.
Todo pagamento é feito por um link de pagamento exclusivo, enviado por mim pelo WhatsApp, por Pix ou cartão de crédito, com o Mercado Pago. Veja o que protege o seu dinheiro e os seus dados:
O Pix (QR Code e copia e cola) é gerado pelo Mercado Pago, e o cartão é processado por ele.
Só eu crio os links de pagamento. Cada link vale para um único pagamento, tem validade e deixa de funcionar depois de pago ou cancelado.
Número, validade e código são digitados em campos seguros do Mercado Pago. Este site recebe só a confirmação.
O valor fica gravado no servidor junto com o link e é recalculado a cada pagamento: o navegador não consegue alterar o valor cobrado.
O pedido só é marcado como pago depois que o servidor confirma o pagamento diretamente com o Mercado Pago.
O site usa HTTPS e uma política de segurança que limita de onde ele pode carregar scripts e imagens.
Só nome, e-mail, telefone, o que foi contratado, o valor e a situação do pagamento. Número de cartão e CPF não ficam guardados aqui.
Cada pedido tem um código e uma página para acompanhar o pagamento. Dúvida sobre uma cobrança? É só chamar no WhatsApp.
Não. São protótipos que criei para mostrar como cada tipo de negócio pode funcionar. Marcas, produtos, preços, endereços e contatos dentro deles são fictícios, e cada um está rotulado como “Protótipo”.
Pode. Cada projeto tem o botão “Abrir demonstração”, que leva ao protótipo completo e navegável: dá para entrar no clube de fidelidade, agendar um horário, favoritar um imóvel, montar um orçamento, pedir uma aula experimental e comprar com Pix ou cartão simulados.
Não. Nos protótipos tudo é simulado no navegador e nada é enviado nem cobrado (o clube de fidelidade e o estoque ficam só no navegador de quem testa). Na versão real, o pedido, o agendamento ou o contato chega ao seu WhatsApp, e-mail ou painel.
O preço depende do objetivo do site: fidelizar, agendar, mostrar um catálogo, orçar, captar contatos ou vender. Cada tipo tem um valor-base, e quase tudo já vem incluso. O que for extra tem preço próprio. A assistência mensal, de 10% do valor único por mês, está inclusa em todo serviço. A tabela está na seção Investimento.
Depende do tipo de site, das funcionalidades escolhidas e do material que você já tem (fotos, textos, logotipo). O prazo é informado na proposta, antes de começar.
A entrada é de 50% para começar, e o saldo é pago na entrega. A assistência mensal (10% do valor único) é cobrada por mês, depois da entrega. O pagamento é feito por um link exclusivo que eu envio pelo WhatsApp depois que a proposta é aprovada, por Pix ou cartão de crédito, pelo Mercado Pago. O site não recebe pagamentos fora desse link. Os detalhes são fechados na proposta.
Conte o que você precisa. Respondo com um caminho e uma proposta por escrito.
A mensagem só chega até mim quando você toca em enviar no WhatsApp.