Pular para o conteúdo

Case próprio — projeto em produção

OPN Christus: conteúdo e ferramentas de fé em uma experiência diária

O OPN Christus organiza liturgia, oração e conteúdo católico em uma plataforma própria, responsiva e preparada para acompanhar diferentes momentos da jornada de fé.

Experiência responsiva

A mesma identidade em cada contexto.

As telas reais mostram como navegação, conteúdo e ferramentas se reorganizam entre desktop e celular, sem perder a leitura nos temas claro e escuro.

Página inicial do OPN Christus no desktop em tema claro
Desktop — tema claro
Página inicial do OPN Christus no desktop em tema escuro
Desktop — tema escuro
Página inicial do OPN Christus no celular em tema claro
Mobile — tema claro
Página inicial do OPN Christus no celular em tema escuro
Mobile — tema escuro

O projeto em uso

Conteúdo, ferramentas e descoberta.

01

Liturgia de Hoje

Celebração, leituras e salmo reunidos em uma entrada diária de fácil acesso.

02

Modo Missa

Uma experiência dedicada para acompanhar a celebração com menos distrações.

03

Oração guiada

Biblioteca de orações e terço guiado integrados ao mesmo ambiente.

04

Conteúdo para aprofundar

Artigos, reflexões, busca e destaques editoriais organizados para descoberta.

05

Curtos e Cortes

Conteúdo em vídeo incorporado à jornada sem competir com as áreas essenciais.

06

Temas responsivos

Interfaces clara e escura adaptadas do celular ao desktop com identidade consistente.

O desafio

O que precisava funcionar.

Reunir conteúdos que mudam diariamente, uma biblioteca de orações, artigos, vídeos e recursos de apoio sem transformar a navegação em uma lista extensa e difícil de consultar — principalmente no celular.

A solução construída

Tecnologia organizada em torno do uso.

A plataforma foi organizada por intenções de uso: acompanhar a liturgia, preparar-se para a Missa, rezar, aprofundar um tema ou encontrar um conteúdo. A home apresenta essas entradas em níveis claros, enquanto temas claro e escuro preservam leitura e identidade nos diferentes contextos de acesso.

Decisões do projeto

Do problema à implementação.

  • Arquitetura de informação orientada a tarefas, separando liturgia, oração, formação, vídeos e ferramentas sem fragmentar a marca.
  • Experiência mobile first com atalhos, cartões compactos e hierarquia adaptada para consultas recorrentes.
  • Liturgia de Hoje em destaque, com leituras organizadas e acesso direto ao Modo Missa.
  • Descoberta editorial combinando destaque principal, lista de artigos, busca e áreas de aprofundamento.
  • Temas claro e escuro tratados como duas expressões da mesma interface, preservando contraste e reconhecimento.
  • Conteúdo administrável e infraestrutura preparada para atualizações frequentes.
Next.jsReactTypeScriptSupabaseVercel

Seu projeto pode ser o próximo

A necessidade vem antes da tecnologia.

Vamos conversar sobre o seu contexto e descobrir qual é o primeiro passo que realmente faz sentido.