O escritório a um toque.
Um botão fixo de WhatsApp, azul como o site, acompanha todas as páginas.
Sofia Matsushita · site de arquitetura e interioresOnze projetos,
Onze projetos,
167 fotos,
quatro abas.
A FGX refez em código próprio o site da Sofia Matsushita Arquitetura, escritório de projetos residenciais, comerciais, de interiores e de incorporação em Santa Catarina. O visual continuou o mesmo, sem WordPress por trás. O portfólio, que não mostrava nenhuma foto, passou a exibir os 11 projetos, e o contato vai direto para o WhatsApp.
SegmentoArquitetura e interiores
ProjetosResidenciais, comerciais e incorporações
BaseFlorianópolis-SC, com atendimento on-line
PlataformaSite próprio em PHP, sem WordPress
Mensagem do site
“Cada detalhe é pensado para criar ambientes que inspiram, acolhem e refletem sua essência.”
01 · O siteUm site com a calma
Um site com a calma
dos projetos dela.
Cinco frentes do site no computador, da página inicial ao portfólio.
O site por dentro
Fotos que se alternam, devagar.
A abertura alterna cinco fotos de projetos com um zoom lento. Ao lado do título, a caixa Entre em contato deixa o WhatsApp em destaque.
01 / 05O site por dentro
Sobre nós, em tela cheia.
A página Sobre abre com a foto noturna de uma casa ocupando a tela. Mais abaixo vêm os diferenciais, os números do escritório e o compromisso com cada projeto.
02 / 05O site por dentro
Quatro frentes de projeto.
Incorporações, arquitetônicos, interiores residenciais e interiores comerciais aparecem em cartões com foto, ícone e uma película azul. A foto aproxima quando o mouse passa.
03 / 05O site por dentro
Quatro projetos na página inicial.
Casa R.C, Casa Tijucas, Restaurante Zamami e Apartamento Solar em duas colunas, com fotos grandes. A cidade de cada um aparece quando o mouse passa.
04 / 05O site por dentro
Onze projetos em quatro abas.
O portfólio separa os projetos em arquitetônicos, incorporações, interiores comerciais e interiores residenciais. São 167 fotos, que abrem ampliadas com setas e contador.
05 / 0502 · Os destaquesDepoimentos, cuidado
Depoimentos, cuidado
e prazo à vista.
Três trechos que mostram como o escritório trabalha.
Cinco depoimentos de clientes em carrossel, um por vez, ao lado de uma foto com moldura. O texto troca sozinho e para com o mouse em cima.
Acabamento, projetos personalizados, atuação técnica e entrega no prazo, em quatro cartões na página de serviços.
Na página Sobre, um cartão azul resume o jeito de trabalhar do escritório sobre a foto de um projeto.
03 · A entregaTudo o que a Sofia Matsushita
Tudo o que a Sofia Matsushita
passou a ter.
O mesmo site, agora em código próprio e com o portfólio funcionando.
Site em código próprio
O WordPress saiu e o site passou para PHP, com o mesmo azul-petróleo, o areia, as fontes e os textos.
Portfólio de volta
As abas do portfólio não mostravam nenhuma foto. Agora aparecem os 11 projetos, com 167 fotos.
Galeria ampliada
A foto clicada abre grande, com setas e contador, para ver o projeto inteiro sem sair da página.
WhatsApp certo
O botão flutuante usava um número sem o 9. Agora todos os botões levam ao WhatsApp do escritório.
Contato sem formulário
Os formulários deram lugar aos botões Falar no WhatsApp e Enviar e-mail, na abertura e na página de contato.
Efeitos do original
Zoom lento na abertura, contadores animados, fotos fixas ao rolar e a galeria do Instagram no rodapé foram refeitos.
04 · No celularO portfólio inteiro
O portfólio inteiro
na palma da mão.
O mesmo site, pensado para quem procura arquiteta pelo celular.
O título sobre a foto, os botões Nossos projetos e Serviços e, logo abaixo, a caixa de contato.
O menu abre sobre o fundo areia do site, com as cinco páginas.
Os projetos da página inicial em uma coluna, com foto grande e o nome logo abaixo.
As quatro abas no topo e as fotos do projeto, uma embaixo da outra.
Texto inteiro no toque.
Em telas de toque, os depoimentos mostram até oito linhas, sem depender do mouse.
Botões fáceis de acertar.
Os pontos do carrossel, o botão do menu e os ícones das redes ganharam área de toque maior, sem mudar o desenho.
05 · Os detalhesDo primeiro olhar
Do primeiro olhar
à conversa.
O caminho de um cliente pelo site.
- 01 · Inspirar
Abertura com fotos
Cinco projetos em sequência, com zoom lento.
- 02 · Conhecer
Sobre e serviços
Diferenciais, números e as quatro frentes.
- 03 · Explorar
Portfólio em abas
11 projetos e 167 fotos ampliadas.
- 04 · Conversar
WhatsApp e e-mail
O contato direto com o escritório.
Visual de antes, código novo
Cada bloco foi comparado lado a lado com o site antigo, em cinco larguras de tela.
Sem plugins para atualizar
Os cabeçalhos de proteção saem do próprio site, e um único arquivo atende todas as páginas.
Cookies com o FGX Ad
As preferências de cookies ficam no ícone do FGX Ad, e a política de privacidade tem o botão para mudar a escolha.
Seu escritório de arquitetura precisa de um portfólio à altura?
Solicitar orçamento ↗Seus projetos merecem ser vistos inteiros.
A FGX cria sites para arquitetos, com portfólio em galeria, depoimentos e contato pelo WhatsApp.