Web design
e experiência

Dois projetos onde identidade, arquitetura de informação e interface foram pensados juntos — a linguagem visual não é uma camada aplicada no fim, é o que organiza a navegação.

02 projetosDireção visual · UX · InterfaceAinda não publicados

Casa Viert

Site institucional · Desktop e mobileDireção visual · Arquitetura · Interface

Uma casa de arquitetura contemporânea muito característica — tijolo aparente, espaços de presença forte. O site precisava valorizar a casa como espaço interessante por si só.

E, ao mesmo tempo, mostrar as possibilidades de uso: casamentos, eventos, workshops, ateliês, produções. O desenho da interface incorpora a linguagem arquitetônica da própria casa para comunicar essa versatilidade.

Casa Viert — home, desktop

Casa Viert — home desktop, tela inteira

Fig. 01 — Home desktop

Casa Viert — home mobile

Fig. 02 — Mobile

Casa Viert — seção de usos (casamentos, eventos, workshops)

Fig. 03 — Usos do espaçoDesktop

Casa Viert — recorte de interface: grid, tipografia ou galeria

Fig. 04 — Detalhe de interface

Decisões de projeto

01A arquitetura como sistema: proporções, cheios e vazios da casa traduzidos em grid e escala tipográfica.

02Fotografia grande e pouco texto — o espaço convence antes do argumento.

03Um mesmo lugar, muitos usos: a navegação deixa o visitante se enxergar dentro da casa.

Dra. Marcia Babo

Rebranding · WebsiteExperiência do paciente

Rebranding e site construídos em torno de uma pergunta simples: o que o paciente precisa entender antes de marcar uma consulta.

Apresentar a profissional e sua abordagem, explicar com clareza como funciona o atendimento e conduzir até o contato. O trabalho envolveu reorganizar a comunicação, a identidade visual e a experiência digital — com foco em clareza, confiança e captação.

Dra. Marcia Babo — home, desktop

Marcia Babo — home desktop

Fig. 05 — Home desktop

Marcia Babo — home mobile

Fig. 06 — Mobile

Marcia Babo — seção “como funciona o atendimento”

Fig. 07 — Atendimento

Marcia Babo — identidade: marca, cor e tipografia

Fig. 08 — Identidade

O percurso

Quem é — apresentação e abordagem

Como funciona — o atendimento sem jargão