Pular para o conteúdo

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUTO / DESIGN

Engenharia, direção e ofício digital em um único sistema contínuo.

ISSUE / 01

Arquivo de projetos

02 / Case study

Desktop App / 2026

RIMG Plus

RIMG Plus é uma aplicação moderna e intuitiva para renomeação em lote de imagens. Desenvolvida com Next.js e Electron, oferece uma solução completa para organização e padronização de arquivos de imagem com interface web e desktop.

RIMG Plus
J / O — Desktop App

Índice do case

01 — 04

Disciplina
Desktop App
Ano
2026
Status
Concluído
Registros visuais
05

Tecnologias

Next.jsTailwindCSSTypeScriptshadcn/uiElectron.jsPWA

RIMG Plus — Organização, validação e otimização de imagens em um único fluxo

O RIMG Plus nasceu de uma necessidade bastante específica do meu dia a dia: renomear grandes volumes de imagens de forma rápida, padronizada e sem depender de um processo manual sujeito a erros.

Esse continua sendo um dos problemas que o produto resolve.

Mas, conforme comecei a utilizá-lo em situações reais, ficou claro que a fricção não terminava na nomenclatura.

Depois de renomear, ainda era necessário conferir dimensões, corrigir exceções, organizar arquivos, reduzir peso e preparar tudo para publicação.

Foi a partir desse uso que o RIMG Plus começou a evoluir de uma ferramenta focada em renomeação para um fluxo mais completo de preparação e processamento de imagens.

O problema

Trabalhar com muitas imagens costuma envolver uma sequência de pequenas tarefas:

  • organizar os arquivos;

  • aplicar um padrão de nomenclatura;

  • conferir dimensões;

  • identificar arquivos fora do padrão;

  • corrigir exceções;

  • otimizar o peso;

  • preparar tudo para publicação.

Nenhuma delas é particularmente complexa.

O problema está na repetição.

Quando o volume aumenta ou o projeto exige regras específicas de nomenclatura e dimensão, pequenos erros começam a gerar retrabalho, uploads incorretos e tempo gasto em operações que poderiam ser automatizadas.

O RIMG Plus concentra esse processo em um único fluxo.

Renomeação em lote, sem perder o controle individual

A renomeação continua no centro da experiência.

É possível processar vários arquivos ao mesmo tempo e aplicar padrões de nomenclatura de forma consistente.

Ao mesmo tempo, nem todo arquivo precisa seguir exatamente a mesma regra.

Por isso, o fluxo também permite editar individualmente o nome de uma imagem antes da exportação, sem precisar removê-la do processamento ou repetir toda a operação.

É uma pequena mudança de interação, mas importante quando o objetivo deixa de ser apenas automatizar e passa a ser também lidar bem com exceções.

Dimensões identificadas e validadas automaticamente

O RIMG Plus identifica as dimensões reais de cada imagem assim que os arquivos entram no fluxo.

Isso permite visualizar rapidamente quais assets estão de acordo com o padrão esperado e quais precisam de atenção.

A validação é especialmente útil em projetos com dimensões rígidas, incluindo cenários com padrões específicos utilizados em plataformas como Liferay 6 e 7.

Em vez de descobrir um problema depois do upload, a inconsistência aparece antes da exportação.

Compressão sem alterar as dimensões da imagem

Outra etapa que passou a fazer parte do fluxo é a compressão.

O objetivo é reduzir o peso dos arquivos em KB preservando suas dimensões originais.

Isso permite preparar imagens mais leves para uso em interfaces e publicação sem transformar a otimização em uma ferramenta ou etapa separada.

Renomeação, validação e compressão passam a acontecer dentro do mesmo contexto.

Dois modos para necessidades diferentes

Nem todo mundo organiza imagens da mesma forma.

Por isso, o RIMG Plus trabalha com dois perfis de utilização.

Perfil Criativo

Pensado para designers, marketing e fluxos em que as próprias características das imagens ajudam a definir a nomenclatura.

O processo prioriza agilidade: adicionar os arquivos, identificar suas informações e gerar nomes padronizados sem exigir configuração técnica desnecessária.

Perfil Padrão

Voltado para desenvolvedores, equipes técnicas e projetos que trabalham com estruturas específicas de nomenclatura.

Permite trabalhar com prefixos, códigos de campanha e outros padrões necessários para manter os assets organizados de forma consistente.

A ideia não é criar duas ferramentas diferentes.

É permitir que o mesmo fluxo se adapte a contextos diferentes de trabalho.

Processamento local e privacidade

O processamento acontece localmente no dispositivo.

As imagens não precisam ser enviadas para um servidor externo para que sejam analisadas e processadas.

Além de tornar o fluxo mais direto, essa decisão reduz a exposição de arquivos que muitas vezes pertencem a projetos internos, campanhas ainda não publicadas ou ambientes corporativos.

Uma experiência pensada para diferentes contextos

O RIMG Plus pode ser utilizado diretamente pela web e possui uma experiência responsiva, adaptando o fluxo para diferentes tamanhos de tela.

Também pode ser utilizado como PWA, permitindo uma experiência mais próxima de uma aplicação instalada sem abandonar a distribuição pela web.

Ao longo da evolução do produto, boa parte do trabalho também passou a acontecer em detalhes menos visíveis em uma lista de funcionalidades:

hierarquia de informação, estados da interface, feedback durante as ações, microinterações, responsividade e consistência visual.

Porque, conforme a ferramenta começou a fazer mais coisas, também ficou mais importante deixar claro o que está acontecendo em cada etapa.

Da necessidade prática para um produto em evolução

O RIMG Plus começou resolvendo uma tarefa repetitiva do meu próprio trabalho.

O primeiro objetivo era simples: renomear imagens mais rápido e com menos erros.

O uso real mostrou que havia um problema maior ao redor dessa tarefa.

Hoje, o produto reúne:

  • renomeação de imagens em lote;

  • edição individual de nomenclatura;

  • identificação e validação de dimensões;

  • organização e processamento de vários arquivos;

  • compressão preservando as dimensões originais;

  • preparação e exportação;

  • processamento local;

  • experiência web responsiva;

  • utilização como PWA.

Mas a evolução mais importante não está apenas nessa lista.

Está na mudança de critério usada para construir o produto.

No início, a principal pergunta era se a ferramenta conseguia executar a tarefa.

Com o tempo, outras perguntas começaram a importar:

O fluxo é claro?

As exceções são fáceis de resolver?

O usuário entende o que aconteceu?

Existe informação suficiente antes de exportar?

A interface reduz trabalho ou cria uma nova fricção?

É esse processo de uso, revisão e refinamento que continua orientando a evolução do RIMG Plus.

Porque fazer o software funcionar resolveu o problema inicial.

O que veio depois começou a definir o produto.

04 / Evidências visuais

05 ITEMS

O trabalho, em contexto.

Telas, motion e artefatos de apoio que mostram como o sistema se comporta para além de uma capa estática.

Projetos selecionados / arquivo

END / CASE

Um case é só um capítulo.

Volte ao arquivo para conhecer outras interfaces, produtos e experimentos construídos com a mesma atenção a produto, direção visual e engenharia frontend.

Ver todos os projetos