Pular para o conteúdo

Criação de sites

Sites que o próprio negócio explica

Um site é mais do que um conjunto de páginas bem desenhadas. É onde alguém forma uma impressão sobre a sua empresa em poucos segundos, quase sempre antes de ler qualquer texto inteiro.

Fazemos o projeto inteiro: arquitetura da informação, experiência, interface, desenvolvimento e conteúdo. A escolha da tecnologia vem depois de entender o problema, porque é o problema que mostra qual caminho faz sentido.

EvoluçãoNegócioEstruturaConteúdoExperiênciaTecnologiaInterface
A interface é a única camada que aparece. Estrutura técnica, performance, SEO e segurança sustentam o resultado sem chegar à tela.

O que o site precisa resolver

Um site pode precisar gerar contato, explicar uma solução que é difícil de explicar, organizar um catálogo grande, mudar a percepção sobre a empresa, reduzir as dúvidas que travam o processo comercial ou integrar uma operação. Quase nunca precisa de tudo isso ao mesmo tempo, e é essa resposta que decide a arquitetura.

  • Gerar contato
  • Explicar uma solução complexa
  • Organizar um catálogo
  • Mudar a percepção de marca
  • Reduzir dúvidas comerciais
  • Integrar uma operação

É aqui que um site bonito e um site que resolve deixam de ser a mesma coisa. Os dois podem ter o mesmo desenho; só um foi construído a partir do problema.

Como o projeto acontece

São as mesmas seis etapas que orientam qualquer projeto da Metakiase, aplicadas aqui à construção de uma experiência digital. O que muda de um site para outro é a profundidade de cada etapa, as funcionalidades necessárias e o problema que precisamos resolver.

  1. Entender

    Antes de pensar em páginas ou tecnologia, entendemos o negócio. O briefing é conduzido por nós junto com você e passa por objetivos, públicos, produtos, processo comercial, posicionamento e o que o site precisa passar a permitir. Quando já existe um site, analisamos o que funciona, o que não funciona e o que precisa mudar. Referências e concorrentes entram para compreender o contexto, nunca para reproduzir soluções.

  2. Estruturar

    Transformamos essa leitura em arquitetura: quais páginas precisam existir, como a informação se organiza, que conteúdos têm prioridade e quais caminhos queremos facilitar. É aqui que entram arquitetura da informação, jornadas, hierarquia de conteúdo e chamadas para ação, e quando o projeto pede, também wireframes. Um site começa a funcionar muito antes de receber cor, imagem ou tipografia.

  3. Desenhar

    Com a estrutura definida, construímos a experiência visual: interface, componentes, hierarquias e a linguagem que dá unidade ao projeto. Desktop e celular não são duas versões independentes, são partes da mesma experiência, e o desenho considera as duas desde o início. É aqui também que conteúdo e interface passam a trabalhar juntos: título, argumento, imagem e botão conduzem a leitura, e texto não entra para preencher espaço.

  4. Desenvolver

    Depois da validação da interface, o projeto vira um site funcional. Construímos as páginas e as funcionalidades previstas e configuramos a estrutura para que você administre o conteúdo que precisa continuar editável. Junto com o que aparece na tela vem o que não aparece: responsividade, estrutura técnica, performance, segurança e os fundamentos de SEO. A tecnologia é escolhida de acordo com o projeto, e não o contrário.

  5. Integrar, testar e publicar

    Antes de publicar, verificamos o conjunto: páginas, links, formulários, tamanhos de tela e as funcionalidades do escopo. Configuramos e validamos as integrações previstas, como ferramentas de análise, formulários, CRM, pixels e automações. É a etapa de homologação, com os ajustes finais para o ar. Quando existe um site anterior, a transição é planejada para reduzir riscos e preservar o que precisa continuar funcionando.

  6. Evoluir

    Publicar não significa que o site fique igual pelos próximos anos. Depois que ele começa a receber pessoas reais, novas necessidades aparecem, conteúdos mudam e os dados mostram o que pode melhorar. Podemos seguir acompanhando com manutenção, atualizações e pequenas evoluções. O acompanhamento é opcional, e o site e os acessos continuam seus com ou sem ele.

Alinhamentos ao longo do projeto

Você não vê o site inteiro pela primeira vez quando ele já está pronto. São três momentos de alinhamento: a estrutura, antes de qualquer desenho; a interface, antes do desenvolvimento; e a homologação, antes de publicar. Não são necessariamente três reuniões formais, e dependendo do projeto podem existir outros. A intenção é sempre a mesma: manter fluidez sem perder direção.

O que está incluído

Boa parte do resultado se decide antes de qualquer tela existir, na conversa em que a empresa olha para si mesma com calma. É por isso que o briefing abre esta lista, e não é um formulário enviado antes de o projeto começar.

Briefing conduzido
O briefing é construído com você. Conduzimos a conversa, reunimos os materiais necessários e aprofundamos questões de negócio, contexto, público e objetivos. Depois consolidamos essa leitura e validamos juntos a base que vai orientar o projeto.
Arquitetura da informação e UX
Definimos a ordem em que as coisas aparecem e os caminhos que a pessoa percorre. É uma decisão de negócio antes de ser decisão de design.
Interface e sistema visual
O desenho da interface e o sistema que mantém tudo coerente conforme o site cresce.
Desenvolvimento
A construção do site, com as funcionalidades que o projeto pedir. Junto com ela vem a parte que não aparece na tela: estrutura semântica, títulos e URLs, indexação, responsividade, performance, segurança e a preparação técnica de que o SEO depende.
Textos e imagens
Você não precisa chegar com tudo pronto. E o conteúdo não entra depois do layout: o texto decide hierarquia, tamanho das seções, navegação e argumento, então ele é pensado junto com a interface. Quando o projeto pede, escrevemos os textos e criamos as imagens.
Hospedagem e domínio
Orientamos a escolha e ajudamos na contratação. As contas ficam no nome da sua empresa, com os seus dados, e os acessos, inclusive os administrativos do site, são seus desde o começo. Você não fica preso a nós para mexer no que é seu.
Manutenção mensal
Opcional, para quem prefere que o site continue sendo acompanhado depois do lançamento, com atualizações, ajustes e pequenas evoluções.

Três projetos, três problemas diferentes

Começamos pelo problema de negócio, e não pela entrega. É por ele que dá para perceber se algum destes casos se parece com o seu.

  1. Lukscolor

    Site inteligente

    A Lukscolor possuía um site que já não traduzia a dimensão, a qualidade e o posicionamento da marca diante das principais empresas do mercado. Mais do que uma atualização visual, o projeto exigia uma reformulação profunda da experiência digital, capaz de valorizar os produtos, organizar um catálogo com mais de 2 mil tintas e aproximar a presença online da empresa do patamar tecnológico e visual de seus concorrentes.

    Ver case

  2. Instituto Interagir

    Brand Identity

    A relação entre a Metakiase e o Instituto Interagir começou ainda na fundação da clínica, em 2020. Naquele momento, nem mesmo o nome estava definitivamente estabelecido. Era preciso construir desde a origem: o nome, o símbolo, a identidade visual e, depois, toda a presença digital do Instituto. A linguagem visual precisava equilibrar o universo da saúde e da atuação profissional com acolhimento, proximidade e desenvolvimento humano.

    Ver case

  3. Câmara Leal

    Brand Identity Redesign

    A Câmara Leal já possuía uma identidade consolidada, mas sua expressão visual havia perdido aderência ao momento da empresa. Tipografia, efeitos gráficos e construção do logotipo transmitiam uma linguagem que já não correspondia à percepção de tecnologia, sofisticação e autoridade técnica que a marca buscava. O desafio era atualizar profundamente essa identidade sem eliminar completamente sua memória visual.

    Ver case

Quando não somos a escolha certa

Dizer isto custa algum projeto por ano. Custa menos que o projeto errado.

Quando a necessidade é mais simples
Há projetos em que uma solução mais enxuta, com escopo e prazo menores, resolve muito bem. O nosso processo foi pensado para situações em que também é preciso olhar para estratégia, estrutura e experiência. Quando esse não é o caso, outro formato de trabalho pode fazer mais sentido.
Quando não há espaço para uma etapa de descoberta
Você não precisa chegar com tudo definido. Parte do nosso trabalho é justamente ajudar a organizar as respostas. O que o processo pede é espaço para essa conversa antes de partir direto para a execução.

Perguntas que sempre aparecem

Quanto tempo leva?

Em média de 30 a 40 dias, contados a partir da aprovação do projeto e do briefing. Projetos com funcionalidades sob medida costumam pedir mais tempo, e quando for o caso combinamos isso antes de começar.

Como o trabalho funciona no dia a dia?

O briefing é conduzido por nós, junto com você. Depois o projeto anda com três momentos de alinhamento: a estrutura, a interface e a homologação antes de publicar. Dependendo do projeto podem existir outros.

O que eu preciso fornecer?

Materiais que ajudem a entender o segmento e a empresa: o que já existe, o que já foi tentado, como o comercial explica o negócio. Você não precisa chegar com os textos prontos. Quando o projeto pede, escrevemos o conteúdo e criamos as imagens, e isso é definido no escopo.

O que acontece com o meu site atual?

Ele continua no ar até o novo estar pronto e homologado. Antes da troca, planejamos a transição: o que precisa ser preservado, quais endereços continuam existindo e o que deve ser redirecionado para não perder o que já foi construído. Domínio, e-mails e formulários entram nesse planejamento, e a virada é combinada com você, não feita de surpresa.

O site funciona bem no celular?

Sim, e não como uma versão reduzida do site de computador. O desenho considera os dois desde o começo, porque na maioria dos projetos a maior parte das visitas chega pelo celular.

Vocês fazem SEO?

Entregamos a preparação técnica: estrutura semântica, títulos, URLs, indexação, responsividade e performance. Isso é a base sobre a qual o trabalho de posicionamento acontece, e não uma promessa de primeira posição. Quando o objetivo é disputar buscas específicas, isso é um trabalho contínuo de conteúdo e performance, e a gente conversa sobre ele à parte.

Vocês usam WordPress?

Usamos quando é a escolha certa, e já entregamos vários projetos nele. Também trabalhamos com tecnologias mais modernas quando o projeto pede outra coisa. A decisão vem depois de entender o problema: o que precisa ser editável, que integrações existem, que volume de conteúdo o site terá e quem vai cuidar dele depois.

Posso atualizar o site sozinho?

Sim. Configuramos a administração do conteúdo que precisa continuar editável e entregamos os acessos. Se você preferir que a gente cuide, existe manutenção mensal, mas ela é opcional.

Vocês integram com CRM, WhatsApp e outras ferramentas?

Sim, quando fazem parte do escopo: formulários, ferramentas de análise, automações, pixels e integrações via API, todas configuradas e testadas antes da publicação. Conectar o site a um CRM que a sua empresa já usa também entra aí. O que não fazemos é estruturar ou implantar o CRM em si, que é um projeto de operação interna e não de comunicação.

Vocês fazem e-commerce ou sistemas personalizados?

Sistemas e funcionalidades sob medida, sim: é uma frente própria da Metakiase, e boa parte dos nossos projetos de site tem alguma coisa construída especificamente para aquele negócio. Loja virtual, não. E-commerce transacional, com catálogo, carrinho e checkout, é um tipo de projeto com operação, integração e manutenção próprias, e existem empresas especializadas que atendem isso melhor do que nós.

De quem ficam o domínio e a hospedagem?

Seus. Orientamos a escolha e ajudamos na contratação, mas as contas ficam no nome da sua empresa, com os seus dados. Os acessos, inclusive os administrativos do site, são transparentes desde o início e continuam com você depois da entrega.

Vocês cuidam do site depois de publicado?

Se você quiser. Existe manutenção mensal e ela é opcional. O site continua seu de qualquer forma.

Editorial

Ideias relacionadas ao que decidimos antes, durante e depois de construir.