trabalho do Ateliê 51LaLoKa — Bar & Parrilla, Porto Alegre
Conversar sobre um projetoSites e sistemas sob medida, do desenho da interface ao projeto no ar. Um estúdio independente em Porto Alegre, criado por Filipe Alves.
explore os projetosSites de serviços, aplicativos e protótipos. Conheça a interface, a entrega e o estágio de cada projeto. Nos trabalhos com acesso público, use o botão “usar aqui” para navegar.
Explore os trabalhos por tipo de projeto.
Design e desenvolvimento de sites, com a possibilidade de integrar agenda, área do cliente e painel de administração. A parceria começa com a definição das responsabilidades e do escopo.
Quero o diagnóstico
Site e plataforma de reservas de um estúdio em Porto Alegre. A apresentação do espaço se conecta à agenda, à área da cliente e ao painel de administração.
O fluxo reúne escolha de horário, contrato e pagamento.
ver Avenue Studio no ar este cliente bloqueia incorporação · abre em aba
Um quiz curto antes do WhatsApp: o que ela quer, há quanto tempo não corta, quando pode vir.
As respostas seguem para o WhatsApp junto com o pedido.
ver Beleza & Estilo no ar este cliente bloqueia incorporação · abre em aba
Cardápio digital com 109 itens em 19 categorias e painel para atualizar preços e descrições.
A equipe atualiza a disponibilidade dos itens no painel.
ver LaLoKa no ar
App instalável, área logada, ritual diário, desafio pago e cobrança recorrente, com login e painel de administração integrados.
A área de membros reúne o conteúdo e o acesso por assinatura.
ver Primeiro Você no ar
Captação com lista de espera e protótipo navegável dos três lados: cliente, estabelecimento e administração.
O protótipo permite explorar as jornadas de quem contrata, de quem oferece o serviço e de quem administra.
Jogo com 150 fases executadas no aparelho, sem cadastro.
As fases funcionam sem conexão com a internet.
Avenue Studio e Beleza & Estilo: duas formas de conectar a apresentação de um serviço ao atendimento.
Organizar a consulta de disponibilidade e as etapas da reserva do estúdio em um só lugar.
Desenhei e desenvolvi o site, a agenda online, a área da cliente e o painel de administração. O fluxo de reserva inclui cadastro, contrato e pagamento.
Consulta a agenda → escolhe um horário → preenche os dados → segue para contrato e pagamento.
Site publicado, com acesso público à apresentação do espaço e à agenda.
Reunir as informações sobre o serviço procurado antes de encaminhar a pessoa ao WhatsApp do salão.
Estruturei o site com um questionário sobre serviço, histórico e disponibilidade. As respostas compõem a mensagem enviada ao salão.
Escolhe o serviço → responde três perguntas → vê o horário de funcionamento real do dia → cai no WhatsApp com a mensagem já escrita.
Site publicado, com questionário e encaminhamento das respostas para o WhatsApp.
Sites para apresentar marcas e serviços, sistemas para reservas e cadastros, e assistentes de IA para tarefas específicas. Cada projeto tem escopo e proposta próprios.
Design de interface e desenvolvimento para apresentar serviços, mostrar projetos e receber pedidos. Para agências, a parceria pode incluir a construção do site a partir da direção já definida.
Fica fora: logotipo e rebranding, fotos e vídeos, e-commerce, área de membros, tradução, integrações personalizadas e gestão de anúncios. Funcionalidades adicionais recebem orçamento próprio.
Entender o projetoAssistentes configurados a partir dos materiais da empresa. Um exemplo: organizar as informações de um briefing e preparar um rascunho de proposta para a equipe revisar.
Fica fora: envio automático, negociação, atendimento público autônomo, integrações personalizadas, migração de acervo e acesso a toda a empresa. A proposta delimita os acessos e as ações do assistente.
Entender o processoAgenda, área de membros ou outra integração? O desenvolvimento dessas funções recebe um escopo específico.
Explore uma simulação com briefing fictício: ela organiza a entrega, aponta informações ausentes e separa o que precisa de aprovação. Este exemplo usa regras fixas, sem conexão com um modelo de IA.
“Cliente é uma clínica de fisioterapia em Canoas. Querem site novo, umas 4 páginas, com agendamento. Precisam pra semana que vem. Orçamento a gente vê depois.”
Clique para montar o exemplo e ver os pontos de revisão.
O rascunho aparece aqui.
Experimente composições, movimentos e formas de navegar. São estudos interativos para explorar a direção de um projeto.
aqui com foto · no seu, vídeo
Vídeo em destaque e conteúdo sobreposto em tela cheia.
Lançamento · captura de lead · um produto sóLuxo é o que sobra de espaço.
movimento contidoPaleta clara, contraste tipográfico e espaço entre os elementos.
Hospitalidade fina · joalheria · imóvel de alto padrãoWordmark gigante, palavra que sobe, texto que se revela.
Moda · estúdio criativo · manifestoPainéis que colocam o item na frente, com foco total na oferta.
E-commerce · lançamento · catálogo enxuto
O cursor ilumina a composição e revela uma segunda camada.
Portfólio · antes e depois · experiênciaGira em 3D, com cor que muda a cada item e textura de filme.
Linha de produto · tela de app · poucos itens-heróiAvatares em órbita, número que sobe, esteira de logos. Foi o motor do Reluz.
Marketplace · comunidade · diretórioA rolagem conduz a sequência de cenas e conteúdos.
Moda · arquivo · portfólio premiado
é o estilo desta página
Tela cheia, grão, vinheta e serifa elegante.
Estúdio · agência · lançamento de marcaUm estudo de conteúdo e hierarquia para a mesma oferta. Arraste a linha para comparar as duas composições.
Bem-vindo ao nosso site! Somos uma empresa comprometida com a qualidade e a satisfação dos nossos clientes. Clique abaixo para saber mais sobre nossos serviços.
Quero uma proposta.
A segunda composição dá destaque ao serviço, às informações para contratar e ao botão de contato.
Testes no celular, navegação por teclado nos controles principais, conferência de contraste e desempenho. A entrega inclui as instruções de acesso e de uso.
A identidade visual, a organização do conteúdo e as interações acompanham a marca e o uso previsto. Uma agenda de estúdio e um aplicativo por assinatura pedem estruturas diferentes.
Não. O diagnóstico define qual entrega faz sentido para a sua prioridade.
Na implantação inicial, uma pessoa revisa as informações e aprova as ações. O nível de automação depende do processo e dos testes.
Os custos necessários são identificados antes da contratação. A proposta informa quem contrata e quais limites se aplicam. Domínio, hospedagem e licenças são detalhados quando necessários.
Sim. Ele tem entrega própria, mesmo se você não contratar a implantação. O valor é informado antes e o abatimento no projeto é combinado por escrito.
Sim, remotamente, no Brasil. Reuniões e treinamentos são combinados conforme o projeto.
Prazo de referência: dez dias úteis de produção, contados depois que materiais, conteúdo e acessos estiverem completos. Eu mantenho no máximo dois projetos por vez, a data de início é confirmada na proposta.
Filipe Alves. Eu conduzo o projeto, do diagnóstico ao desenvolvimento e à entrega.
Sou formado em marketing e trabalhei na gestão do meu próprio negócio antes de criar o Ateliê 51. Hoje desenho e desenvolvo sites e sistemas em Porto Alegre. Gosto de acompanhar o projeto inteiro: entender a marca, desenhar a interface e construir o que as pessoas vão usar.
O primeiro contato é uma conversa de vinte minutos sobre o projeto. Depois, o diagnóstico pago reúne prioridades, requisitos e uma recomendação de escopo. Você recebe esse documento mesmo que escolha não seguir com o desenvolvimento.
Valores sob proposta. O diagnóstico tem preço definido antes da contratação e abatimento no projeto conforme as condições combinadas.
Porto Alegre · atendimento por WhatsApp
Tem um site para criar, uma interface para desenvolver ou um sistema para organizar? Envie uma breve descrição do projeto e as referências que já tem.
Falar no WhatsApp
