Curitiba, PR / BR2026

CWBUTC−3

DISPONÍVEL PARA PROJETOS

Idioma

SOFTWARE

DESIGN

DIGITAL EXPERIENCES

GuilhermeBernardino

Guilherme Bernardino

Engenharia de Software

Design Digital

Desenvolvimento Criativo

Criando produtos digitais, interfaces precisas e sistemas visuais onde engenharia de software e direção criativa convergem.

Estudante de Engenharia de Software, PUCPR

01 / 2025

FASHIONCLOSET

Plataforma de gestão para um negócio de moda multi-loja: estoque, venda, consignação e financeiro, com os dados de cada loja isolados de ponta a ponta.

Fashion Closet
Ano
2025
Papel
Full stack: idealização, arquitetura e implementação
Stack
Next.js 14 (App Router) · TypeScript · Tailwind · Framer Motion
Escopo
Duas lojas, cinco papéis de acesso, nove módulos
Painel do Fashion Closet com valor em estoque, vendas do mês, ticket médio, lucro estimado e gráfico de faturamento.

CONCEITO

Cada peça entra uma vez e sai uma vez. O sistema é construído em torno da peça (SKU, código de barras, marca, consignante, margem), e não em torno de um produto de prateleira. Duas lojas convivem na mesma base sem se enxergar: a camada de dados é escopada por loja no cliente e nas regras do banco.

Tela de estoque com busca por nome, SKU ou marca, filtros e alternância entre grade e lista.
Tela de consignações com total vendido, comissão da loja, valor a repassar e consignações abertas.

EXPERIÊNCIA

A venda inteira acontece em uma tela: busca por nome, SKU ou código de barras, cliente opcional, desconto e seis formas de pagamento, incluindo crédito da loja e pagamento misto. O recibo sai impresso ou pelo WhatsApp. Consignação calcula a comissão sozinha; venda a prazo parcela sem sair do fluxo.

Tela de nova venda com busca de peça, dados do cliente, formas de pagamento, desconto e total.
Histórico de vendas com total vendido, número de vendas, ticket médio e busca por recibo ou cliente.
Tela de clientes com filtros de VIP, aniversariantes e inativos, e gasto médio por cliente.
Central de relatórios com exportação em CSV para estoque, vendas, clientes VIP, repasses, financeiro e peças paradas.
Configurações da loja com identidade, cor da marca, formas de pagamento aceitas e mensagem do recibo.

RESULTADO

Em uso, rodando localmente. O workspace multi-loja se monta sozinho no primeiro login e a autenticação aguenta rede ruim: timeout de segurança, erro explicado, nenhum carregamento infinito.

02 / COLLAB

2026

A página do Collab, evento de moda circular em Curitiba, com a planta dos estandes desenhada para ser clicada.

Collab
Ano
2026
Papel
Front-end completo: estrutura, estilo, interação e mapa
Stack
HTML5 · CSS3 (Grid, Flexbox) · JavaScript ES6+ · Leaflet
Escopo
One-page estática, sem framework e sem bundler
Topo da página do Collab com a frase "A moda gira, e volta melhor" e o cartão de três dias de experiência no Souq Curitiba.
Araras de roupas sob a bandeira do Collab na Ópera de Arame.
Seção da página com a proposta do evento em quatro blocos: fluxo qualificado, ativação e mídia espontânea, curadoria e cenografia, experiência de permanência.
Visitante com a sacola do Collab Brechó na edição de maio, no Souq Curitiba.
Lista dos pilares do evento: gastronomia, empreendedorismo e marcas autorais, design e ambientação.
Expositor montando sua mesa na edição de junho, na Ópera de Arame.

INTERFACE

A página atende dois públicos sem misturá-los. Quem visita encontra a proposta, os pilares e as edições já realizadas. Quem expõe encontra a planta baixa: um SVG clicável com zoom, popup por estande e um accordion de formatos que responde ao mapa. A reserva sai direto pelo Instagram.

Seção de espaços e formatos com a planta do térreo clicável e a lista de estandes com suas medidas.
Bloco escuro dividindo o conteúdo entre quem visita e marcas parceiras.
Galeria das edições já realizadas, com fotos de maio, abril e junho.

CONCEITO

Um evento que muda de endereço a cada edição não pode ter uma página fixa. A estrutura foi feita para a próxima data: contagem regressiva, local, horários e planta trocam sem que o resto se mova.

RESULTADO

No ar, com o mapa interativo funcionando sem backend. Sem framework e sem bundler, o peso é só o necessário. Mobile-first, com breakpoints próprios, safe-area tratada, foco visível e prefers-reduced-motion respeitado.

LAB

Protótipos, hardware e estudos. O que foi construído e não precisa de narrativa.

#Projeto / ExperimentoEscopoStackAno
01ESP32 LED Matrix ControllerMicrocontroladores e hardwareMicroPython · C++2025
02Kinetic Typography EngineAnimação procedural em canvasWebGL · TypeScript2025
03Local LLM Tooling & PipelinesAutomação e agentes locaisPython · Ollama2026
04Brandmark Study (Norr Studios)Identidade visual e geometria vetorialVector Spec2026

SOBRE

Atuo na interseção entre design visual, tecnologia e experiências digitais. Meu foco está em transformar conceitos complexos em interfaces refinadas, intuitivas e de alto desempenho. Com base sólida em desenvolvimento de software, sistemas interativos e direção visual, construo projetos que priorizam tipografia consistente, microinterações fluidas e arquitetura escalável, do protótipo ao código em produção.

Ferramentas

Construído com tecnologias modernas de ponta a ponta, sem excessos.