Demo

Site para um estúdio de fotografia

Um site para fotografia de recém-nascidos e famílias, com uma máquina fotográfica 3D para rodar e uma calculadora da data ideal para a sessão.

Tipo: Demonstração técnica · site
Estado: Demonstração com estúdio, textos e preços fictícios; fotografias do Unsplash
Tecnologia: HTML, CSS e JavaScript, sem bibliotecas
Língua: Alemão

Página inicial do estúdio fictício Kleinwunder: título «Die ersten Tage, festgehalten» e uma máquina fotográfica 3D com fotografias a passar no ecrã. Toca na imagem para a ver em tamanho real.

A mesma página no telemóvel, com o botão do menu e uma barra sempre visível para ligar ou pedir marcação. Toca na imagem para a ver em tamanho real.

Os quatro tipos de sessão com fotografias e preços a partir de: gravidez, recém-nascidos, bebés e famílias. Toca na imagem para a ver em tamanho real.

O ponto de partida

Nos estúdios de fotografia de recém-nascidos, o momento certo é tudo: as fotografias mais tranquilas fazem-se nas duas primeiras semanas de vida, e para isso é preciso marcar ainda durante a gravidez. Muitos sites de estúdio são lentos, mostram os preços tarde e não explicam quando marcar. A ideia: uma página rápida que junta fotografias, pacotes e marcação num caminho claro.

O que foi feito

Uma máquina fotográfica 3D feita só com CSS, que se roda a arrastar ou com as setas do teclado; no ecrã passam fotografias do estúdio.
Calculadora da data prevista do parto: mostra os dias para sessão com poses e em reportagem, e diz se é boa altura para marcar.
Sessões, pacotes com preços e perguntas frequentes, tudo numa só página.
No telemóvel, uma barra fixa para ligar ou pedir marcação.

Decisões que fizeram diferença.

Primeiro, a data.

A calculadora responde à primeira pergunta de quem está à espera de um bebé, antes de procurar preços.

Rápido, mesmo com muitas fotografias.

Imagens no tamanho certo, letras alojadas no próprio site e nenhum construtor de sites.

Movimento calmo.

Fotografias e textos aparecem com suavidade ao descer; quem pediu menos movimento no sistema vê tudo logo.

Dados e privacidade

A demonstração não guarda nada: a calculadora corre no navegador e não há formulário. Letras e imagens estão no próprio site, sem ligações à Google. Numa versão real, os pedidos de marcação chegariam por email ou pela ferramenta de marcação do estúdio, com uma política de privacidade de acordo com a Lei suíça de Proteção de Dados (LPD).

Ver o projeto

Abrir a demonstração

Estúdio fictício, em alemão: nomes, textos, preços e contactos são inventados, e as fotografias são do Unsplash.

Caso seguinte

DemoSnackBoxUma webapp responsiva para registar consumos, controlar stock e fechar as contas de uma caixa de snacks no escritório.Ver o caso

Queres algo parecido para o teu negócio?

Conta-me o que usas hoje e o que queres simplificar. Digo-te o que faria sentido e o que ficaria de fora.

Falar comigo