Poucas telas
Reduzir navegação e manter o foco na tarefa principal.
← Voltar ao portfólioMarkidian
Product Design · Vibe Coding · Local-first
Markidian
Converter.
Uma PWA criada para transformar documentos de diferentes formatos em Markdown limpo, mantendo o processamento e o histórico localmente no navegador.
01 — ORIGEM
O projeto começou no meu próprio fluxo de trabalho.
Como usuário frequente do Obsidian, eu lidava com documentos de diferentes extensões e sentia falta de um conversor dedicado, ágil e direto ao ponto para o formato .md. Em vez de adaptar meu fluxo a várias ferramentas, decidi explorar a possibilidade de criar uma extensão externa para esse ecossistema.
O objetivo não era construir um produto cheio de recursos. Era resolver bem uma necessidade específica.
02 — PRINCÍPIO DE PRODUTO
Simplicidade funcional acima de excesso de features.
Desde o início, o Markidian foi guiado pela ideia de uma experiência limpa, acessível e com o mínimo de telas possível. Para um utilitário de conversão, adicionar recursos sem necessidade poderia tornar o app pesado e confuso — exatamente o oposto do que eu queria.
Baixo atrito
Fazer a conversão parecer direta e previsível.
Privacidade
Processar e armazenar os documentos no próprio navegador.
Leveza
Evitar funcionalidades que não contribuíssem para o objetivo central.
03 — UMA PROTOTIPAÇÃO INUSITADA
Durante uma viagem em família, sem meu caderno de esboços e sem papel por perto, os primeiros wireframes foram organizados mentalmente e rascunhados no Google Keep usando apenas o smartphone.
04 — DA IDEIA À INTERFACE
A limitação ajudou a reforçar a direção visual.
Como eu precisava pensar as telas com poucos recursos disponíveis, acabei priorizando somente o que era essencial. O exercício fortaleceu a proposta minimalista do produto: hierarquia clara, decisões objetivas e uma experiência agradável sem depender de muitas camadas de interface.
Esse processo conectou minha experiência em UX/UI ao Vibe Coding: primeiro defini o problema, a experiência e os princípios do produto; depois usei desenvolvimento assistido por IA para transformar essas decisões em uma aplicação funcional.
05 — RECURSOS
O essencial para converter, organizar e continuar o fluxo.
Conversão amplaSuporte a EPUB, DOCX, PDF, ODT, ODS, ODP, RTF, HTML, CSV e TXT.
Metadados YAMLInclusão automática de título e data de criação nos arquivos convertidos.
Processamento localDocumentos processados no navegador, com armazenamento local via IndexedDB.
Histórico e lixeiraGerenciamento local de arquivos com restauração e exclusão.
Tema adaptativoAlternância entre modos claro e escuro.
PWA e offlineExperiência responsiva e preparada para uso offline após o primeiro carregamento.
06 — APRENDIZADO
Um exercício de produto, interface e construção assistida por IA.
O Markidian representa a forma como venho aproximando Product Design, UX/UI e Vibe Coding. A implementação é importante, mas ela vem depois de uma necessidade concreta, de uma decisão de escopo e de princípios de experiência definidos antes da construção.
O projeto também reforçou uma ideia que quero carregar para os próximos produtos: restrições podem ajudar a tornar a solução mais clara quando o foco permanece no problema certo.
PRODUTO PUBLICADO
Conheça o Markidian.
Explore a aplicação publicada e veja como a proposta de simplicidade, privacidade e fluxo local-first foi traduzida para o produto.
Abrir Markidian Converter ↗