Redesign do Website de Ana Marques

Ana Marques Website Redesign
 

Ana Marques, Clínica de Psicoterapia e Saúde Mental é uma clínica de referência na Psicoterapia e Saúde Mental da cidade de Coimbra oferecendo um serviço de qualidade, com rigor técnico e científico, primando pela humanização do atendimento.

A Clínica Ana Marques precisava de um website que:

  • Disponibilizasse informação sobre contactos por forma a receber pedidos de consulta e facilitasse o acesso ao Consultório para a realização de consultas.

  • Apresentasse uma equipa constituída por profissionais experientes, com vasta formação e competência,

  • Desse a conhecer os serviços prestados pela Clínica.

  • Possibilitasse o acesso a informação selecionada e de qualidade, relacionada com as áreas de atuação da Clínica.

  • Transmitisse confiança através da partilha de testemunhos e opiniões sobre os serviços prestados.

 

O Problema

O website foi criado originalmente em Wordpress, sem que os seus conteúdos tenham sido alterados durante bastante tempo .

Estando o website desenvolvido numa versão de WordPress já bastante desatualizada, o seu normal funcionamento estava a ser colocado em causa por razões de segurança, suporte e compatibilidade com servidores ou navegadores.

No entanto, a atualização do WordPress para a versão mais recente poderia também trazer outros problemas, como a perturbação do desempenho do website, compatibilidade com plugins ou temas anteriores, ou conflitos com código personalizado.

 
Website original de Ana Marques - homepage e páginas secundárias

Website original - homepage e páginas secundárias

 

O Desafio

O objetivo passou pela reconstrução do website, tornando-o mais atual em termos de design e funcionalidades, abrindo caminho à utilização de uma plataforma diferente, mais focada em usabilidade, que facilitasse alterações futuras de conteúdos e páginas, e que desse a garantia que ela própria se manteria consistentemente atualizada. 

Sendo o Squarespace uma das plataformas mais populares com estas características, foi essa a solução escolhida.

 

Processo e Solução

Para redesenhar o website da Clínica Ana Marques, segui o meu processo de design estruturado em 4 fases. Cada passo foi adaptado para garantir clareza, colaboração e progresso em todas as fases do projeto.

Processo de website design
 

Fase A: Acordo de Colaboração

Passo 1: Alinhamento + Passo 2: Agendamento

Depois do primeiro contacto, efetuei:

  • Uma análise detalhada do website existente

  • Uma entrevista com a Diretora Clínica para clarificar objetivos e expectativas

Isto permitiu estabelecer as bases para um acordo claro para o arranque do projeto.

 

Fase B: Arranque do Projeto

Passo 3: Descrição

A cliente preencheu um questionário orientado para clarificar aspetos-chave do projeto, incluindo:

  • A missão, visão e valores essenciais da Clínica

  • Problemas com o website atual e objetivos para a sua renovação

  • Principais grupos de utilizadores e as suas necessidades

  • Conteúdos, funcionalidades e estilo desejados

Passo 4: Entrega

A cliente forneceu todos os conteúdos e materiais necessários, mantendo uma comunicação contínua por WhatsApp ou email, conforme as circunstâncias.

Esta abordagem garantiu um arranque consistente e contribuiu para um fluxo de trabalho fluido e organizado ao longo de todo o projeto.

 

Fase C: Desenvolvimento do Website

Passo 5: Idealização

Definimos a direção visual e estrutural antes de iniciar o desenvolvimento do website.

  • A partir de uma moodboard para explorar ideias visuais, preparei um Guia de Identidade Visual com a paleta de cores e as escolhas de estilo.

  • Desenvolvi ainda um primeiro esboço do mapa do website para definir a sua estrutura e a navegação.

Tal permitiu-nos estabelecer uma linguagem visual comum e um plano claro para avançar.

 
 
 

Guia de Identidade Visual para o website

 
Mapa do Website de Ana Marques

Mapa do Website

 

Passo 6: Design

Aperfeiçoamos o layout visual e otimizamos a experiência do utilizador.

  • Foram exploradas várias opções de design para a página inicial.

  • Chegou-se a um acordo sobre a versão final da homepage e das principais páginas internas.

  • Foi apresentado o design responsivo, incluindo a versão para dispositivos móveis.

  • A acessibilidade foi tida em conta ao longo de todo o processo, seguindo as recomendações da W3C.

Esta fase garantiu que o website cumprisse as expectativas e funcionasse corretamente em todos os dispositivos.

 

Opções de design para aprovação referentes à homepage

 

Passo 7: Construção

O website foi desenvolvido com base nos desenhos aprovados.

  • Foi construída a versão completa, integrando todos os conteúdos.

  • O feedback da cliente foi incorporado através de algumas revisões.

  • O layout e a funcionalidade foram testados.

O resultado foi um website completo e funcional.

 
Homepage e páginas secundárias aprovadas

Homepage e páginas secundárias aprovadas

 

Passo 8: Lançamento

Com o website concluído, finalizamos os últimos passos para garantir um lançamento funcional.

  • Foi feita a configuração de SEO e verificado o desempenho.

  • O domínio foi ligado e o website foi tornado público.

  • A conta de Instagram foi integrada para atribuição de tráfego.

O novo website da Clínica Ana Marques ficou disponível online, totalmente otimizado e funcional, pronto para servir o seu público da melhor forma.

 
Topo da homepage em vários dispositivos

Topo da homepage em vários dispositivos

 

Fase D: Acompanhamento Contínuo

Passo 9: Monitorização

Após o lançamento, o desempenho do website foi sendo acompanhado para garantir que tudo estava a funcionar conforme o previsto.

  • O tráfego e o envolvimento dos utilizadores foram monitorizados diretamente através do Squarespace.

  • O website ficou também ligado ao Google Analytics e ao Microsoft Clarity para obtenção de dados mais detalhados. 

  • Três meses após o lançamento, foi enviado um relatório de desempenho à cliente.

Esta monitorização contínua permitiu confirmar que o website se encontrava a envolver o seu público e a funcionar de forma eficaz.

 

Passo 10: Manutenção

Desde o lançamento, os conteúdos do website têm sido atualizados, mantendo a informação atual e relevante.

 

Resultados

O novo website foi lançado em julho de 2024.

  • Do ponto de vista do cliente, os aspetos mais positivos foram a comunicação e as ferramentas utilizadas.

  • Os utilizadores do website destacaram a atratividade e o design elegante, tendo transmitido um feedback unanimemente positivo, segundo os testemunhos da empresa.

O feedback da Diretora Clínica, Dra. Ana Marques, foi também muito gratificante:

Foi um gosto ter a Alexandra a criar o meu novo website: profissional, cumpridora e muito agradável. Recomendo vivamente.
Gostei muito do trabalho e espero continuar a poder contar com ela.
— Dra. Ana Marques, Diretora Clínica
 

Dois meses após o lançamento, foi realizada uma análise detalhada do website, com métricas a evidenciar claramente uma tendência positiva no crescimento do tráfego, graças aos esforços estratégicos de SEO e criação de conteúdos. Durante este período, o número de visitantes aumentou, indicando um alcance eficaz. Além disso, a proporção de visitantes que regressaram cresceu, refletindo uma forte retenção e envolvimento dos utilizadores.

Seis meses após o lançamento, os principais indicadores relativos aos utilizadores ativos revelaram um número consistente de visitantes ao longo do período, com algumas flutuações mensais. A maioria eram novos visitantes, indicando um bom alcance e esforços de aquisição eficazes . Embora a atração de novas audiências seja um sinal positivo, continua a existir uma oportunidade para reforçar o envolvimento dos visitantes.

 

Website disponível em: https://anamarques.pt/

 

Pronto para aumentar a sua presença online com um website que reflita verdadeiramente a sua organização e crie uma forte ligação com o seu público? Quer seja uma pequena empresa, um freelancer ou uma organização sem fins lucrativos, um website bem concebido pode fazer toda a diferença.

Fale comigo e vamos criar uma presença online que funcione para si, atraia o público certo e amplifique o seu impacto.

 

Porque é que os meus clientes confiam em mim?

 
 
Alexandra Mendes Guerra

I have been working in website design and development since 1996, and in visual design since 2008. I hold a Bachelor's degree in Computer Engineering and a specialization in Design and Multimedia. Since 2020, I have been a member of the Squarespace Circle, collaborating with partners specializing in Copywriting, SEO, Programming, and more.

I have supported various organizations worldwide, notably through the United Nations online volunteering program, as well as volunteering for organizations in my own country, developing websites and graphic materials.

I am passionate about simple design approaches, usability, and typography. I believe in the power of design and photography to enhance communication, shift perceptions, and evoke emotions.

https://alexandramendesguerra.com
Previous
Previous

Desenhando websites para os seus utilizadores