Pular para o conteúdo
Geise Moreira caderno de design Vamos conversar
← voltar aos projetos

Fotos sem feed.

Uma landing page com acesso por código para entregar as fotos do Unoesc Day sem expor alunos menores de idade.

Meu papel
Design completo da landing page: UX, UI e direção visual
Equipe
LIGA Acadêmica de Design, Unoesc
Desenvolvimento
Lucas Moreira
Fotografia
Geise Moreira
  • Mockup da landing page ladu.des.br no computador e em dois celulares.

    1. no computador e no celular

    Desenhada primeiro para o toque e depois adaptada para a tela grande.

  • Landing page completa no celular: abertura LADU, o que é o curso de Design, o curso em números, as quatro áreas, o que você vai aprender, depoimentos e o Design Day.

    2. a landing page

    Antes das fotos, o aluno conhece o curso: as áreas, os números e o Design Day.

    role dentro do celular ↕

  • Tela Acesse suas fotos do Design Day, com um campo para digitar o código e o botão Ver minhas fotos.

    3. o código

    Um campo só e um botão grande. É o código que o aluno recebeu no estúdio.

  • Mesma tela com o código digitado em vermelho e a mensagem Código não encontrado. Confira e tente novamente.

    4. quando o código está errado

    A mensagem diz o que aconteceu e o que fazer em seguida.

  • Tela Olá! Encontramos 12 fotos suas no Design Day 2026, com a grade de fotos e o botão Baixar todas as fotos.

    5. as fotos

    Só as fotos daquele aluno, e um botão para baixar todas de uma vez.

o desafio

Um estúdio de fotos cheio de menores de idade.

No Unoesc Day, a LIGA Acadêmica de Design montou um estúdio de fotos para se aproximar dos estudantes. Mas boa parte do público era menor de idade, e publicar as fotos num feed aberto violaria o ECA Digital.

como eu pensei

  1. Problema

    Muitos alunos no evento eram menores de idade. Um feed aberto exporia a imagem deles.

  2. Pergunta

    Como entregar a foto de cada aluno sem mostrá-la para mais ninguém?

  3. Decisão

    Uma landing page que apresenta o curso e, no final, leva a um acesso restrito por código.

como funciona

Do clique da foto ao celular do aluno.

  1. Passo 1

    A foto

    O aluno é fotografado no estúdio da LIGA.

  2. Passo 2

    O código

    Ali mesmo, ele recebe um código individual.

  3. Passo 3

    O site

    Ele conhece o curso de Design na landing page.

  4. Passo 4

    As fotos

    Com o código, vê só as próprias fotos. Nada de feed público.

cada detalhe pensado

Feito para usar com pressa, no meio do evento.

Ergonomia

Botões grandes e poucos cliques

Quem acessa está de pé, no meio de um evento, com pressa.

Mobile-first

Primeiro o toque, depois o desktop

O celular é onde o aluno abre o link. A tela grande veio depois.

Acessibilidade

Contraste aprovado no WCAG AA

Testei as cores no padrão internacional de acessibilidade.

o resultado

Cada foto chegou só a quem é dono dela.

sessões de fotografia
120
fotos entregues com segurança
2.970
fotos expostas publicamente
0

o número que mais me orgulha