Saltar para o conteúdo

Web design e lojas online

Websites com scroll film e lojas online com Shopify – web design a partir de Frankfurt

Construo sites de que as pessoas se lembram e lojas online que vendem: desenhados para a sua marca, com tecnologia própria, com fotos e vídeo de uma só mão.

Estudo de caso · Nexentrium

Um site que se percorre como um filme

A Nexentrium é a minha própria marca de software, e a página inicial é um filme que se percorre com o scroll: à noite, a câmara voa em direção a uma torre, desce pela fachada num elevador de vidro, atravessa um salão subterrâneo e para na receção, e no fim passam os créditos como no cinema. A roda do rato avança e recua os movimentos de câmara. Um site assim também o construo para si.

nexentriumtech.com
Gravação de ecrã da página inicial da Nexentrium num navegador: o percurso desde a torre à noite até aos créditos
A mesma página inicial no telemóvel
nexentriumtech.com · Gravado a 15 de outubro de 2026
  • A roda do rato é a bobina do filme

    Cada movimento de câmara foi gerado para este site, a imagem fixa com Seedream e o movimento com Seedance, e codificado com um fotograma-chave a cada oito. Assim, cada salto da roda chega de imediato.

  • Uma visita à torre

    Cada secção é um piso: terraço, planta dos pisos, showrooms, sala, terraço à meia-noite, escritório, átrio e receção. Uma torre na margem mostra onde se está.

  • Também com ligação lenta

    No telemóvel e com ligação lenta correm versões mais leves, e quem quiser poupar dados desliga os vídeos. Nenhum texto espera pelo filme.

  • Alemão e inglês, sem falhas

    Se faltar a tradução de uma frase, a verificação de tipos já falha. Assim nenhuma página meio traduzida vai para o ar.

Piso a piso

O que acontece em cada parte

Cada excerto é um pedaço do mesmo percurso, percorrido uma vez para baixo e de novo para cima.

  1. nexentriumtech.com
    nexentriumtech.com — O voo picado

    01 · Terraço

    O voo picado

    À noite, do ar em direção à torre. O título recua à medida que a câmara desce. Com ligação lenta, a página espera atrás do logótipo até aparecer o primeiro fotograma do percurso, no máximo trinta segundos e sempre com opção de saltar.

  2. nexentriumtech.com
    nexentriumtech.com — A torre como planta

    02 · Planta dos pisos

    A torre como planta

    De cima é uma torre, por dentro uma planta: os produtos surgem como pisos de um mesmo edifício, para que fique claro como se ligam antes de chegarem os cartões.

  3. nexentriumtech.com
    nexentriumtech.com — Cada piso, uma sala

    03 · Showrooms

    Cada piso, uma sala

    Atrás do título, a câmara desce pela fachada piso a piso. Cada produto tem a sua sala, com a cidade a cintilar nas janelas, e no ecrã corre o seu próprio site, gravado fotograma a fotograma a partir do site em direto.

  4. nexentriumtech.com
    nexentriumtech.com — A descer no elevador de vidro

    04 · Elevador

    A descer no elevador de vidro

    No elevador de vidro pelo exterior da torre, passando pelos pisos e descendo abaixo da rua, até a sala se abrir.

  5. nexentriumtech.com
    nexentriumtech.com — O que sustenta tudo

    05 · Sala · cave

    O que sustenta tudo

    Lá em baixo, onde ninguém olha: a câmara atravessa a sala em direção à luz, e aí estão as quatro competências sobre as quais cada produto é construído.

  6. nexentriumtech.com
    nexentriumtech.com — A cidade liga-se

    06 · Terraço · meia-noite

    A cidade liga-se

    No terraço à meia-noite a câmara fica parada, e em time-lapse partem linhas de luz da torre até a cidade, até ao horizonte, ser uma só rede. Aqui, percorrer a página é a cidade a ligar-se.

  7. nexentriumtech.com
    nexentriumtech.com — Lá em cima ainda há luz

    07 · Escritório

    Lá em cima ainda há luz

    O meu retrato em profundidade: a partir da foto é estimado um mapa de profundidade, e cada píxel move-se com a sua profundidade enquanto a câmara dá uma volta. Assim o rosto roda um pouco contra o escuro.

  8. nexentriumtech.com
    nexentriumtech.com — A despedida

    08 · Átrio · receção

    A despedida

    As perguntas frequentes no átrio; depois a câmara sobe do terraço até a cidade ser um ponto de luz e mergulha de volta pela porta. Na receção diz se está alguém neste momento, segundo a hora do visitante.

  9. nexentriumtech.com
    nexentriumtech.com — O fim, como no cinema

    09 · Créditos

    O fim, como no cinema

    Depois da receção, a imagem fecha-se em formato panorâmico. A câmara recua para fora do átrio, sobe pela torre e pousa na imagem com que o filme começou. Por cima passam os créditos ao ritmo da roda do rato: os produtos como elenco, cada um com o seu piso, e depois o cartão final. Entretanto, o som vai baixando.

Percorrer uma sala por si mesmo

Cada vista nas salas dos produtos tem o seu próprio endereço. Estes links abrem a página exatamente aí.

Lojas online

Lojas, plataformas e sites de artistas que construí

Interfaces próprias sobre o Shopify, com funções que o tema padrão não tem. As gravações mostram as páginas iniciais tal como um visitante as percorre.

korndex.de
korndex.de — página inicial num computador
korndex.de — página inicial num telemóvel

Korndex

Uma loja online de abrasivos profissionais, acessórios e máquinas, em alemão e inglês.

  • Um localizador de grão e uma lógica de sistema que conhece o consumível certo para cada máquina.
  • Preços unitários segundo a regulamentação alemã de indicação de preços, calculados a partir dos tamanhos das embalagens.
  • Um teste falha quando uma linha em alemão não tem a correspondente em inglês.
  • Next.js
  • TypeScript
  • Shopify
  • Vercel
korndex.de
glossdoc.com
glossdoc.com — página inicial num computador
glossdoc.com — página inicial num telemóvel

Glossdoc

Uma loja online de cuidados automóveis, reparação de pintura e acessórios, com interface própria à frente do Shopify.

  • Headless: o Next.js mostra os produtos, o Shopify fornece os dados e o checkout.
  • Os endereços correspondem aos do antigo tema do Shopify, para manter as posições no Google.
  • As páginas atualizam-se sozinhas a cada cinco minutos, sem novo build.
  • Next.js
  • TypeScript
  • Shopify
  • Vercel
glossdoc.com

Mais exemplos

convimi.com
convimi.com — página inicial num computador

CONVIM!

Projeto próprio

O meu próprio projeto: uma plataforma onde modelos, fotógrafos, maquilhadores, músicos e cineastas encontram parceiros de projeto perto deles.

convimi.com
valentina-reina.com
valentina-reina.com — página inicial num computador

Valentina Reina

Site para uma artista

Site e galeria para a pintora Valentina Reina, de Kyiv: claro, tranquilo e feito para que o espaço seja dos quadros e não da página.

valentina-reina.com
sofiaalina.com
sofiaalina.com — página inicial num computador

Sofia Alina

Site para uma modelo

Site para a modelo e atriz Sofia Alina, de Frankfurt: paginado como uma revista, com portfólio, showreels, todas as referências e uma sedcard que vira.

sofiaalina.com

Também quer uma loja assim?

Diga-me o que vende. Eu digo-lhe como pode ficar a sua loja e quanto custa.

Pedir site ou loja

Setores

Lojas para qualquer setor

O que se vende muda aquilo que uma loja tem de saber fazer: as peças precisam de um localizador, a moda precisa de tamanhos, os alimentos precisam de regras de envio. Eu construo a loja à volta dos seus produtos.

  • Oficina e ofícios
  • Automóvel e acessórios
  • Mobiliário e interiores
  • Moda e acessórios
  • Cosmética e cuidado
  • Alimentação e bebidas
  • Arte e impressões
  • Grossista e B2B
  • Produtos à medida
  • Produtos digitais

A sua própria loja

Uma loja que se parece com a sua marca e que vende.

Muitas lojas parecem-se porque demasiadas correm sobre os mesmos modelos. Eu desenho a sua loja para os seus produtos e os seus clientes: com caminhos claros até ao carrinho, páginas rápidas no telemóvel e textos que respondem às perguntas antes de alguém as fazer.

Por trás corre o Shopify. Os produtos, os preços e as encomendas geri-os no admin do Shopify, e o pagamento faz-se na caixa segura do Shopify com PayPal, Klarna, cartão de crédito e mais. Eu configuro tudo, ligo o que o seu negócio precisar e entrego-lhe uma loja capaz de vender desde o primeiro dia.

  • 500+

    Projetos

  • 200+

    Clientes

  • 12

    Anos de experiência

Foto, vídeo, design e web, tudo junto.

Do que me encarrego

Tudo o que a sua loja precisa

  1. 01

    Design da loja

    Página inicial, categorias, páginas de produto e carrinho, desenhados para a sua marca e primeiro para o telemóvel.

  2. 02

    Configuração do Shopify

    Produtos, variantes, coleções, envios, impostos e formas de pagamento, prontos e configurados.

  3. 03

    Funcionalidades próprias

    Localizador de produtos, configuradores com preço em tempo real, listas de materiais, contas B2B com compra contra fatura.

  4. 04

    Migração da loja

    De WooCommerce, Shopware, Wix ou de um tema antigo do Shopify, com redirecionamentos para cada endereço anterior.

  5. 05

    Integrações

    Pagamento, envio, avaliações, newsletter, Google Shopping, Instagram e marketplaces, tudo ligado no Shopify.

  6. 06

    SEO e velocidade

    Páginas rápidas, estrutura limpa, dados de produto para o Google e, se desejar, mais línguas.

  7. 07

    Fotografias de produto e vídeo

    Packshots, imagens de utilização e vídeos de produto, pensados para a página de produto, a inicial e a publicidade.

  8. 08

    Entrega e acompanhamento

    Formação no admin do Shopify e, se desejar, acompanhamento quando a loja estiver a funcionar.

Shopify

Monto a sua loja e ligo tudo

Seja loja nova ou já existente: configuro-a no Shopify ou assumo a que já tem, e ligo tudo o que faz parte do seu negócio. Depois trabalha num único sistema, com encomendas, clientes, stock e pagamentos no mesmo sítio.

Pagamento
  • PayPal
  • Klarna
  • Cartão de crédito
  • Apple Pay
  • Google Pay
  • Compra contra fatura
Envio
  • DHL
  • DPD
  • GLS
  • Sendcloud
  • Regras de envio
Marketing
  • Google Shopping
  • Loja no Instagram e Facebook
  • Klaviyo
  • Google Analytics
  • Pixel da Meta
Confiança
  • Avaliações de clientes
  • Consentimento de cookies
  • Textos legais integrados
Mais canais
  • Amazon
  • Grossista e B2B
  • Várias línguas

Usa outra coisa? Se existir uma app de Shopify ou uma interface para isso, ligo-a.

Três telemóveis com páginas da loja KORNDEX

Loja, fotografias e vídeo

Uma loja vende com imagens

Como também fotografo e filmo, as fotografias de produto, as imagens de utilização e o vídeo nascem à medida da loja: no formato certo para a página de produto, a inicial e a publicidade, numa só linguagem visual. Não precisa de um segundo prestador nem de uma segunda ronda de alinhamento.

Não só lojas

E, claro, também sites

Nem todos os projetos precisam de uma loja. Também desenho e desenvolvo sites sem loja, da landing page à página inicial com scroll film como a da Nexentrium, com formulário de pedido ou de reserva, rápidos e feitos para o telemóvel. Este site também é meu.

  • Artistas e portefólio

    Obras, exposições, datas e um caminho para a compra.

  • Restaurante e hotel

    Ementa, quartos, reserva, com fotografias próprias.

  • Empresas

    Serviços, referências, equipa e pedido.

  • Landing page

    Uma página para um produto, um lançamento ou uma campanha.

Processo

Da primeira conversa à primeira encomenda

  1. 01

    Conversa

    O que vende, a quem, e o que deve a loja saber fazer? Depois recebe uma proposta.

  2. 02

    Conceito

    Estrutura de páginas, categorias, páginas de produto e as funcionalidades que ajudam a comprar.

  3. 03

    Design

    Propostas para telemóvel e computador, com os seus produtos reais em vez de marcadores.

  4. 04

    Execução

    Configurar o Shopify, criar produtos, ligar pagamento, envio e apps, encomendas de teste.

  5. 05

    Arranque

    A loja entra em funcionamento, recebe formação e, se desejar, acompanhamento depois.

Pacotes

Por onde pode começar

Arranque de loja

  • Loja Shopify configurada
  • Design com base num tema
  • Pagamento e envio ligados
  • Formação no admin

Loja à medida

  • Storefront própria, design próprio
  • Localizador, configurador ou B2B
  • Integrações consoante a necessidade
  • Multilingue, se desejar

Migração e relançamento

  • Loja existente assumida
  • Novo design, os mesmos endereços
  • Produtos e clientes migrados
  • Redirecionamentos para as ligações antigas

Site

  • Portefólio, página de empresa ou de artista
  • Formulário de pedido ou de reserva
  • Rápido e feito para o telemóvel
  • Se quiser, com scroll film, fotos e vídeo

Cada pacote pode ser alargado ou reduzido. O âmbito e o preço constam da proposta, antes de eu começar. A mensalidade do Shopify paga-a diretamente ao Shopify.

Perguntas sobre loja e site

Mais respostas na Perguntas frequentes.

Tem um projeto destes em mente?

Escreva-me o que o seu site ou a sua loja deve fazer e se já existe uma página. Depois recebe uma proposta com âmbito e preço fixos. O pedido não o compromete.

O preço depende do âmbito e consta da proposta antes de eu começar. Como se forma um preço

4,8 de 5 · 23 avaliações no Google. Ver a avaliação no Perfil da Empresa no Google