Uma rede social redesenhada para aproximar pessoas, conteúdos e formas de expressão.
UI/UXApp MobileRedesignFigma
EXPERIÊNCIA DIGITAL
Conectar é mais do que publicar.
Feed, identidade, mensagens e sentimentos reunidos em uma experiência mais clara e consistente.
Dark modeLight mode
Redesign de experiência socialInterfaces e biblioteca visual
01 / CONTEXTO E DESAFIO
Mais espaço para ser quem você é.
O Elomento reúne publicação, conversas, perfis e diferentes formas de interação em uma rede social. O projeto buscou dar maior clareza à navegação e consistência à interface.
A direção de redesign parte da necessidade de facilitar a descoberta de conteúdos e valorizar a expressão de cada pessoa, sem acrescentar complexidade visual desnecessária.
PRODUTORede social
ESPECIALIDADEUI/UX · Redesign
ESCOPO VISUALFeed · Perfil · Interações
02 / JORNADAS E INTERAÇÕES
Uma experiência feita de encontros.
Os fluxos ganham protagonismo: primeiro o conteúdo, depois a identidade das pessoas, as conversas e as formas de reagir.
01 / PERFIS
Uma identidade com diferentes camadas.
Publicações, momentos e bilhetes organizados como perspectivas complementares do perfil. A navegação destaca a identidade pessoal sem ocultar o conteúdo.
Visão geral ↗Publicações ↗
02 / EXPRESSÃO
Momentos e bilhetes, cada um no seu lugar.
As diferentes publicações têm espaços próprios para apresentar imagens, pensamentos e atualizações, favorecendo descoberta e continuidade.
Momentos ↗Bilhetes ↗
03 / MENSAGENS
Conversas com foco no que importa.
A interface de mensagens prioriza a legibilidade, diferencia mensagens recebidas e enviadas e mantém as ações de conversa acessíveis.
Mensagens ↗Chat ↗
04 / REAÇÕES
Sentimentos que também comunicam.
As variações de reação demonstram uma linguagem de interação que vai além de um único gesto. As capturas permitem comparar os estados sem transformar o case em um catálogo de funcionalidades.
03 / SISTEMA VISUAL
Consistência em cada detalhe.
O sistema visual organiza cores, tipografia, espaçamentos, componentes e estados de interface. A linguagem da marca Elomento vive nas telas; a identidade do portfólio Will Victor permanece na moldura editorial.
FOUNDATIONS
Uma base para crescer.
Regras estruturais e padrões que sustentam a interface, incluindo espaçamentos, formas e elementos recorrentes.
Fundamentos de interface ↗
Paleta de cores e estados ↗Tipografia ↗
BIBLIOTECA
Componentes para construir com coerência.
Elementos reutilizáveis e padrões de interação organizados para manter a consistência ao longo das jornadas.
Componentes e estados ↗
04 / EVOLUÇÃO E ENTREGA
Uma base visual para evoluir.
O trabalho de redesign organiza experiências de perfil, mensagens, publicações e interação em um conjunto visual coerente, com referências para evolução do produto.
As telas apresentadas correspondem ao material de design fornecido. A página não afirma que todas as propostas já estão implementadas no aplicativo publicado nem atribui métricas de resultado não verificadas.
ENTREGAInterfaces mobile
PADRÕESBiblioteca de componentes
ADAPTAÇÃOLight e Dark
DETALHE FINAL
O mesmo produto, duas atmosferas.
O contraste entre as versões clara e escura mostra como a linguagem da interface preserva a identidade do produto em diferentes contextos visuais.
