Pular para o conteúdo
A&L
● Estúdio de design e desenvolvimento webCampinas, SP — 22°54′S 47°03′W

Sitescomunsnão saem daqui.

01/04CRJ Segurança do TrabalhoReal

Somos Alan & Luigi, um estúdio de Campinas que desenha e desenvolve sites sob medida para restaurantes e negócios locais. Cada detalhe, com intenção.

Role para explorar

Act 02 — Selected WorkExposição em quatro salas

SelectedWork(04)

Dois projetos reais, publicados para negócios de Campinas, e dois conceitos criados pelo estúdio, sempre identificados como demonstração.

  1. 01CRJ Segurança do TrabalhoReal
  2. 02Discovering WorldsReal
  3. 03Café AuroraConceito
  4. 04Forno NeroConceito
Case 01/04Projeto real · PublicadoCampinasConsultoria em segurança do trabalho

CRJSegurança
do Trabalho

Site institucional da consultoria: serviços como PGR, PCMSO, LTCAT, eSocial SST e treinamentos de NRs apresentados com clareza, com pedido de orçamento direto pelo WhatsApp.

  • 01Site institucional
  • 02Catálogo de serviços
  • 03Orçamento pelo WhatsApp
Case 02/04Projeto real · PublicadoCampinasEducação bilíngue

DiscoveringWorlds

Versão para celular do site Discovering Worlds

Site institucional do projeto de inglês como língua adicional, da Educação Infantil ao 5º ano: propósito, proposta pedagógica, materiais e contato direto.

  • 01Site institucional
  • 02Proposta pedagógica
  • 03Contato pelo WhatsApp
Case 03/04Conceito demonstrativo · estabelecimento fictícioCafeteria e confeitaria

Café Aurora

Página inicial do conceito Café Aurora
Doces artesanais com café filtrado, foto do conceito Café Aurora
Versão para celular do conceito Café Aurora

Estudo de site para uma cafeteria de especialidade: tons quentes, cardápio por categorias, horário em tempo real e encomendas de bolos.

  • 01Cardápio por categorias
  • 02Horário de funcionamento
  • 03Encomendas

Act 03 — Our Point of ViewManifesto

Quase todo site parece com isso.

Seu negócionão é iguala todos os outros.Seu site tambémnão deveriaser.

Act 04 — The Digital PlaygroundLaboratório interativo

DigitalPlayground

Não acredite só nas imagens: explore. Quatro experiências interativas, montadas a partir das nossas demonstrações, para você sentir na prática como um site bem feito funciona.

Restaurante
Navegue pelo site
Dispositivo
Abrir a demonstração em nova aba

Conceitos demonstrativos com estabelecimentos fictícios. Role e clique dentro do site: ele é real.

Act 05 — How We ThinkMetodologia

Da ideiaà experiência.

Todo projeto passa pelas mesmas oito camadas. Role e veja um site ganhar forma, da primeira conversa ao botão que gera o contato.

  1. 01Strategy

    Estratégia

    Antes de qualquer pixel, entendemos o negócio: quem é o público, o que ele procura e qual ação o site precisa gerar, seja um pedido, uma reserva ou um orçamento.

    • Objetivo
    • Público
    • Ação principal
  2. 02Art Direction

    Direção de arte

    Definimos a personalidade visual: tipografia, cores, fotografia e ritmo. É o que faz o site parecer com o seu negócio, e não com um modelo pronto.

    • Tipografia
    • Paleta
    • Fotografia
  3. 03Interface Design

    Design de interfaces

    Desenhamos cada tela pensando no caminho do visitante: o que ele vê primeiro, onde toca e como encontra o que procura sem esforço.

    • Hierarquia
    • Componentes
    • Microinterações
  4. 04Development

    Desenvolvimento

    Transformamos o design em código limpo e semântico, com animações leves e uma estrutura fácil de manter e atualizar.

    • HTML semântico
    • Acessibilidade
    • Código próprio
  5. 05Responsiveness

    Responsividade

    Cada composição é redesenhada para o celular, o tablet e as telas grandes, e não apenas encolhida até caber.

    • Mobile-first
    • Toque
    • Telas grandes
  6. 06Performance

    Performance

    Imagens em formatos modernos, carregamento sob demanda e apenas o código necessário, para o site abrir rápido até no 4G.

    • WebP
    • Lazy loading
    • Código enxuto
  7. 07Search

    SEO técnico

    Títulos corretos, metadados, dados estruturados e conteúdo bem organizado: a base técnica para o Google entender o seu negócio. Sem promessas de primeira posição.

    • Metadados
    • Schema.org
    • Sitemap
  8. 08Conversion

    Conversão

    Tudo termina em uma ação: botões de WhatsApp com mensagem pronta, formulários simples e chamadas claras no momento certo.

    • WhatsApp
    • Formulários
    • Chamadas para ação

Act 06 — The StudioCampinas, SP

Alan e Luigi

01 — CofundadorAlan

Alan, design e desenvolvimento

Cuida da direção visual e da experiência de cada projeto, do primeiro esboço ao último ajuste de espaçamento.

02 — CofundadorLuigi

Luigi, desenvolvimento e atendimento

Transforma o design em um site rápido e bem estruturado, e acompanha o cliente em cada etapa até a publicação.

Um estúdio pequeno de propósito. Você conversa direto com quem desenha e programa o seu site.

  • 01

    Atendimento direto

    Você conversa com quem desenha e programa o seu site. Sem intermediários.

  • 02

    Sob medida, sempre

    Nenhum projeto começa de um template. Começa do seu negócio.

  • 03

    Transparência

    Escopo, prazo e investimento combinados antes de começar.

O que fazemos

Quatro formatos, sempre sob medida. Toque em cada um para ver o que inclui.

  • Sites com cardápio, fotografias, localização, botão para WhatsApp, informações de funcionamento e links para pedidos ou reservas.

    • Cardápio digital com fotos
    • Horários e localização
    • Pedidos, reservas e delivery
    • Botão de WhatsApp
    Conversar sobre isso

    Restaurantes, bares, hamburguerias, pizzarias e cafeterias

  • Páginas personalizadas para empresas que desejam apresentar seus serviços, transmitir confiança e receber novos contatos.

    • Apresentação dos serviços
    • Galeria de trabalhos
    • Formulário e WhatsApp
    • Mapa e área de atendimento
    Conversar sobre isso

    Barbearias, lojas, estúdios, clínicas e prestadores de serviço

  • Páginas desenvolvidas para apresentar ofertas, divulgar serviços e incentivar o visitante a realizar uma ação.

    • Uma página, um objetivo
    • Texto pensado para conversão
    • Chamadas para ação claras
    • Pronta para anúncios
    Conversar sobre isso

    Lançamentos, promoções, eventos e campanhas

  • Modernização de sites existentes para melhorar a apresentação visual, a experiência do usuário e a navegação.

    • Nova direção visual
    • Conteúdo reorganizado
    • Versão mobile refeita
    • Mais velocidade
    Conversar sobre isso

    Negócios com site antigo, lento ou difícil de usar no celular

Act 07 — Let's TalkContato

Conte um pouco sobre o seu negócio. Respondemos pessoalmente, com as próximas etapas e um orçamento sem compromisso.

Campinas e região — atendimento online para todo o Brasil

Pedido de orçamento

Resposta pelo WhatsApp

Sem compromisso. Respondemos pessoalmente.

FAQ

Perguntas rápidas

  • Depende do que o seu negócio precisa: número de seções, cardápio, integrações e conteúdo. Depois de uma conversa rápida, enviamos um orçamento claro e sem compromisso.

  • O prazo é definido no planejamento, de acordo com o tamanho do projeto e com a entrega de fotos e textos. Você acompanha tudo por uma prévia online.

  • Ninguém pode garantir uma posição no Google. O que fazemos é entregar um site rápido, bem estruturado e com as boas práticas de SEO, que é a base para ser encontrado.

  • Sim. Combinamos a forma mais prática para o seu dia a dia: você pode nos enviar as alterações ou receber uma estrutura fácil de editar.

  • Não. Ajudamos a registrar o domínio e cuidamos da configuração para o site ir ao ar.

  • Sim. No redesign aproveitamos o que já funciona e refazemos o visual, a navegação e a versão para celular.