Um novo Reverie: De software a santuário

Algo nos incomodava.

Reverie tinha personagens incríveis. Conversas significativas. Funcionalidades que os usuários realmente amavam. Mas toda vez que olhávamos para a interface, víamos... software. Botões, cards, listas, barras de navegação. Aquele tipo de design limpo e funcional que você espera de uma ferramenta de produtividade ou dashboard SaaS.

Não é isso que Reverie deveria ser.

Reverie é um lugar onde a imaginação ganha vida. Onde você conhece personagens que parecem reais, entra em histórias que respondem a você, explora mundos que existem apenas para sua experiência. O produto era mágico. A interface era mundana.

Então reconstruímos tudo.

O problema com "Bom o suficiente"

Nosso design antigo não era ruim. Era profissional, consistente, fácil de navegar. Seguia as melhores práticas. Os usuários podiam encontrar o que precisavam.

Mas "bom o suficiente" é inimigo de "memorável".

Quando você usa a maioria dos apps, você está ciente de que está usando um app. Há uma camada mental entre você e a experiência—a interface constantemente te lembra que você é um usuário operando software. Clique neste botão. Navegue para aquela página. Complete este fluxo.

Queríamos que essa camada desaparecesse.

As melhores experiências de entretenimento não parecem produtos. Quando você está absorvido em um grande filme, esquece que está olhando para uma tela. Quando você se perde em um romance, as páginas desaparecem. Queríamos que Reverie tivesse a mesma sensação—um lugar que você entra, não uma ferramenta que você usa.

O que mudou

Cada página principal foi redesenhada em torno de um princípio: personagens e histórias primeiro, interface depois.

Início: Uma galeria de possibilidades

A página inicial antiga era funcional. Personagens em destaque em um grid. Categorias para navegar. Chamadas para ação claras.

A nova página inicial é uma experiência. Uma galeria de quatro colunas de imagens de personagens preenche a tela, criando um mosaico de possibilidades. Sobreposições de gradiente e um sutil efeito de brilho radial atraem seu olhar para o centro, onde uma caixa de busca e tags de acesso rápido convidam à exploração. Abaixo, histórias em destaque rolam em cards cinematográficos 21:9—passe o mouse e elas ganham vida com vídeo.

No momento em que você abre Reverie, você não está olhando para um site. Você está olhando para mundos esperando para serem explorados.

Jogamos fora o formulário vazio em fundo branco. Agora, quando você faz login, é recebido pelos próprios personagens.

No desktop, a tela se divide: o lado esquerdo se torna uma vitrine de personagens em tela cheia—imagens e vídeos rotacionando a cada cinco segundos, com nome e bio do personagem aparecendo na parte inferior. O formulário de login fica à direita, mas sua atenção é atraída pelos personagens que te convidam a entrar.

No mobile, o personagem se dissolve em um fundo suave atrás do formulário centralizado, ainda presente, ainda acolhedor, mas nunca competindo pelo foco.

É um pequeno toque que muda tudo. Fazer login não parece mais autenticar com um serviço. Parece voltar para casa.

Páginas de personagens: Retratos, não perfis

Páginas de detalhes de personagens pareciam perfis—informações organizadas em seções, estatísticas exibidas em caixas, texto descritivo em parágrafos.

Agora são retratos imersivos. A imagem ou vídeo do personagem preenche toda a tela. Passe o mouse no desktop e a imagem fica mais clara, escalando levemente como se o personagem estivesse dando um passo à frente para te encontrar. No mobile, as imagens são nítidas por padrão—sem necessidade de hover.

Botões de ação (avaliação, favorito, compartilhar) se escondem no canto superior direito, presentes mas discretos. Nome, bio e estatísticas do personagem aparecem na parte inferior, sobrepostos à imagem com tipografia cuidadosa. Os botões CTA flutuam no centro com um sutil brilho radial, convidando você a iniciar uma conversa.

Você não está visualizando os dados de um personagem. Você está conhecendo-o.

Páginas de histórias: Capas cinematográficas

Histórias agora se apresentam como pôsteres de filmes. A imagem de capa domina a viewport, com o mesmo efeito hover-to-reveal das páginas de personagens. Botões de avaliação e compartilhamento ficam quietos no canto.

Na parte inferior, título, descrição, estatísticas e tags da história são dispostos com propósito. O botão de play está integrado diretamente no hero—sem seção separada, sem quebra visual. Tudo flui para um único convite: entre neste mundo.

As abas abaixo são refinadas com blur de fundo e bordas sutis, tornando a transição do hero para o conteúdo suave em vez de abrupta.

Feed de descoberta: Uma experiência curada

O dashboard antigo era uma lista para rolar. O novo feed de descoberta é uma experiência curada para explorar.

Histórias em destaque aparecem em um carrossel horizontal com a mesma proporção cinematográfica 21:9. Vídeos tocam ao passar o mouse. Ações rápidas—Continuar Chat, Continuar História, Criar Personagem, Escrever História—ficam em uma barra de pílulas compacta, sempre acessíveis mas nunca dominantes.

Toda a experiência encoraja descoberta em vez de busca, perambulação em vez de caça.

Páginas de campanhas: Eventos que parecem especiais

Páginas de campanhas agora abrem com seções hero imersivas que fazem cada evento parecer uma ocasião. Temporizadores de contagem regressiva são integrados inline—sem mais widgets de barra lateral quebrando o fluxo visual.

Perfis de criadores receberam o mesmo tratamento. Quando você visita a página de um criador, é recebido por um cabeçalho imersivo que celebra seu trabalho antes de mergulhar nos detalhes.

A filosofia por trás

Nos inspiramos em lugares que entendem imersão:

Plataformas de streaming sabem que conteúdo deve se vender visualmente. Você navega com os olhos antes de ler descrições.

Visual novels entendem que personagens precisam de contexto. O mundo ao redor deles importa tanto quanto eles mesmos.

Launchers de jogos reconhecem que entrar em uma experiência deve parecer cruzar um limiar. A interface define o clima antes de qualquer coisa começar.

Cinemas escurecem para que a tela possa brilhar. O ambiente amplifica a experiência.

Aplicamos essas lições em todos os lugares. Mais espaço visual para imagens e vídeos. Fundos mais escuros e atmosféricos. Sobreposições de gradiente que criam profundidade sem esconder conteúdo. Efeitos de hover que fazem imagens estáticas parecerem vivas. Tipografia que realça em vez de competir.

O que mantivemos

Redesenhar não significa começar do zero. Algumas coisas funcionavam perfeitamente:

Clareza de navegação: Você ainda pode encontrar tudo facilmente. Não sacrificamos usabilidade por estética.
Abordagem mobile-first: Cada mudança funciona lindamente em telefones. Mobile recebe imagens mais claras por padrão, interações otimizadas, layouts responsivos.
Ferramentas para criadores: Todas as funcionalidades que criadores precisam ainda estão lá, apenas apresentadas mais elegantemente.
Performance: O novo design é na verdade mais rápido. Imagens maiores, mas carregamento mais inteligente. Vídeo só toca quando necessário.

Os detalhes que importam

Algumas mudanças você pode não notar conscientemente, mas vai sentir:

Imagens se estendem além de seus contêineres em alguns lugares, quebrando o grid para parecer mais vivas
Sobreposições de gradiente que mudam no hover, revelando mais da imagem abaixo
Vídeos que tocam automaticamente no hover, adicionando movimento sem exigir cliques
Efeitos de escala que fazem elementos parecerem responsivos à sua atenção
Blur de fundo em elementos de UI que mantém atmosfera enquanto garante legibilidade
Efeitos de brilho radial que atraem seu olhar para ações principais
Proporções 21:9 consistentes para histórias que parecem cinematográficas em toda a plataforma

O que isso significa para você

Se você é um usuário, Reverie deve parecer mais convidativo agora. Mais como um lugar onde você quer passar tempo, menos como um app que você opera. Os personagens e histórias que você ama são apresentados como merecem—não como entradas em um banco de dados, mas como experiências esperando para acontecer.

Se você é um criador, seu trabalho ganha um palco melhor. Seus personagens aparecem em glória de tela cheia. Suas histórias ganham apresentação cinematográfica. As ferramentas que você precisa ainda são acessíveis, apenas não competem mais com seu conteúdo por atenção.

Isso é só o começo

Este redesign estabelece uma nova fundação. Uma linguagem visual que coloca imaginação em primeiro lugar. Uma filosofia de interface que prioriza imersão sobre arquitetura de informação.

Continuaremos construindo sobre isso. Mais páginas para refinar. Mais momentos para polir. Mais maneiras de fazer Reverie parecer menos software e mais o santuário que deveria ser.

Porque no final do dia, você não vem ao Reverie para usar um produto. Você vem para escapar, conectar, imaginar, sentir.

A interface deve sair do caminho e deixar isso acontecer.

Explore o novo Reverie. Adoraríamos ouvir o que você pensa—compartilhe seus pensamentos no nosso Discord.