Nebula

Subscription Dashboard

Categoria

SaaS | Projeto pessoal

Meu papel

Ideação, Componentização, Prototipação

Duração

4 dias

Cliente

Projeto pessoal

Contexto

O Nebula resolve a fragmentação na gestão de ativos digitais em ambientes corporativos. Este projeto foca em otimizar o fluxo de trabalho desktop, priorizando a velocidade de recuperação de dados e a governança de compartilhamento em um ecossistema SaaS de alta densidade de arquivos.

Solução

Um SaaS de armazenamento focado em reduzir a fricção entre upload e colaboração. A interface utiliza um sistema de permissões granulares com validade temporal, garantindo segurança e agilidade para o usuário final.


O Problema: Atrito colaborativo e silos de informação

Em fluxos de trabalho multimídia, o tempo perdido na busca por arquivos e a gestão ineficiente de permissões geram gargalos operacionais. Soluções genéricas falham ao não fornecer contexto social (quem editou o quê?) e ao dificultar o compartilhamento externo seguro (links que expiram ou acesso excessivo).


Estratégia de UX: Foco em produtividade desktop


Diferente de interfaces móveis, o foco aqui é a densidade de informação útil.

1. Visibilidade do estado do sistema (Feed de atividades)


A barra lateral de "Latest updates" não é apenas estética; ela serve para reduzir o overhead de comunicação. O usuário entende o status do projeto sem precisar abrir arquivo por arquivo, aplicando o princípio de reconhecimento em vez de recordação.


2. Governança e segurança granular

Um diferencial no projeto é o modal de compartilhamento, onde introduzi:

  • Permissões temporais: Acesso por tempo limitado (ex: "por 2 dias"), essencial para freelancers e stakeholders externos;

  • Controle de papéis: Distinção clara entre Proprietário, Editor e Leitor, mitigando riscos de segurança.


3. Recuperação de Dados (experiência de busca)


A busca foi desenhada para ser o motor principal da interface. O dropdown de resultados em tempo real permite que o usuário navegue diretamente para o arquivo, ignorando a estrutura de pastas quando a velocidade é a prioridade.


Design de Interface: Consistência e Dark Mode


O uso do Dark Mode não é apenas uma escolha estética, mas uma decisão de conforto visual para profissionais que passam longas horas em frente ao monitor (redução de fadiga ocular).

  • Atomic Design: O sistema de ícones e cards foi componentizado para suportar diferentes estados (hover, selecionado, carregando);

  • Affordances claras: O uso de cores de destaque guia o olhar para as ações primárias, como o botão "Upload new file", mantendo a hierarquia visual equilibrada.



Retrospectiva e evolução


Como próximos passos para este case, eu focaria em:

  • Métrica de eficiência: Comparação de tempo de tarefa de busca (quanto tempo o usuário leva para encontrar um arquivo específico via busca vs. pastas);

  • Eficiência de uso: Estabelecer atalhos de teclado para as ações do sistema, permitindo a redução de esforço de usuários avançados;

  • Acessibilidade: Auditar o contraste da interface para conformidade com os níveis mínimos (baseline) da WCAG 2.1, garantindo legibilidade e conforto visual, especialmente sob as restrições de contraste crítico do dark mode.

Vamos trabalhar juntos?

© Copyright 2025. Todos os direitos reservados.

Vamos trabalhar
juntos?

© 2024. Todos os direitos reservados.

Create a free website with Framer, the website builder loved by startups, designers and agencies.