Projeto conceitual · Estúdio de arquitetura e interiores

Rasante: um estúdio desenhado pela luz

Um site conceito para um estúdio pequeno de arquitetura e interiores, construído como uma monografia: projetos contados em profundidade e um conceito forte o bastante para dar nome ao estúdio.

Área
Arquitetura
Tipografia
Archivo + IBM Plex Mono
Cores
Hero do site conceito do estúdio Rasante, com a palavra RASANTE em tipografia condensada gigante sobre foto em preto e branco de concreto aparente sob luz rasante.

01 · Brief fictício

O desafio

Um estúdio pequeno de arquitetura e interiores quer ser contratado pelo ponto de vista, e não pelo preço por metro quadrado. O site precisa funcionar como uma monografia: projetos contados em profundidade, processo claro e um conceito forte o bastante para dar nome ao estúdio.

02 · Estratégia

Posicionamento e texto

  1. 01

    Desenhamos o vazio antes da parede.

    Define o estúdio pelo que ele pensa antes de desenhar.

  2. 02

    Um estúdio pequeno, de propósito.

    Transforma o tamanho em argumento: uma equipe só, do croqui à obra.

  3. 03

    Todo projeto começa com uma conversa sobre luz.

    A chamada de contato volta ao conceito e convida para a primeira reunião.

03 · Identidade

Direção de arte

Tipografia

Archivo

Desenhamos o vazio antes da parede.

IBM Plex Mono — Informação clara, em uma voz calma e precisa. 0123456789

Archivo condensada e pesada para títulos em caixa-alta, em largura normal para a leitura. IBM Plex Mono para legendas técnicas, coordenadas e fichas.

Cores

Fotografia

Trinta imagens de banco em preto e branco e alto contraste: concreto, sombra dura, madeira e pedra, sem edifícios identificáveis e sem IA, todas marcadas como imagem de referência.

Sistema gráfico

Legendas de figura, fichas técnicas por projeto, uma mira de desenho técnico que segue o cursor com coordenadas e seis layouts diferentes de capítulo.

04 · Experiência

Estrutura e interação

  1. Abertura
  2. (01) Manifesto
  3. (02) Projetos selecionados
  4. (03) Atuação
  5. (04) Estúdio
  6. (05) Processo
  7. (06) Luz rasante
  8. (07) Iniciar projeto
  9. (08) Perguntas
Índice de projetos do site conceito do estúdio Rasante, com o título PROJETOS em grande escala e a lista de obras fictícias em fundo preto.

01

Índice de projetos

Seis projetos fictícios, com a capa acompanhando o cursor e seis layouts de capítulo, cada um com a sua transição.

Página de projeto do site conceito do estúdio Rasante, com foto de interior em concreto e esquadria de aço ao lado da ficha técnica do Apartamento Contraluz.

02

Capítulos com ficha técnica

Tipologia, escopo, programa e materiais apresentados como numa publicação de arquitetura.

Seção de processo do site conceito do estúdio Rasante, com desenho técnico de planta baixa e a etapa 03, detalhamento, em fundo preto com detalhes em laranja.

03

Processo desenhado

O desenho evolui a cada etapa: croqui, planta, cotas e, por fim, a foto da obra.

05 · Celular

No celular

No celular, a experiência é adaptada, não reduzida: a palavra RASANTE fica vertical e os materiais viram um carrossel com encaixe.

Versão mobile do hero do site conceito do estúdio Rasante, com a palavra RASANTE na vertical sobre foto de concreto aparente.
Abertura do projeto Casa Talude na versão mobile do site conceito do estúdio Rasante, com foto de um volume de concreto entre árvores e o nome do projeto em destaque.
Seção de contato em fundo laranja na versão mobile do site conceito do estúdio Rasante, com o título “Todo projeto começa com uma conversa sobre luz.” e início do formulário.

06 · Tecnologia

Performance e SEO

Um site bonito que demora a abrir perde o paciente ou cliente antes da primeira dobra. Por isso cada projeto é medido, não só revisado.

  • 98Performance no celular
  • 1,5 sCarregamento do maior elemento (LCP)
  • 233 KBPeso da primeira carga

Fonte: Lighthouse 12 no celular, site publicado, melhor de duas execuções em 17/09/2026. Acessibilidade, boas práticas e SEO: 100.

Projeto conceitual

Quer esse cuidado no site da sua arquitetura?

Rasante é fictício: profissional, marca e informações foram criados pela Specsiale para demonstrar método. O seu site parte da sua história real.

Próximo projeto · Odontologia estéticaAlba Varenne
Conversar no WhatsApp(abre em nova aba)