Site iwill.dev — hero section com tipografia editorial
/// CASOS / IWILL.DEV

iwill.dev

Sites Redesign Arquitetura de Informação i18n
Cliente William Gonçalves
Ano 2025
Escopo Redesign · Arquitetura de Informação · Blog Técnico · i18n PT/EN
/// O Desafio

Uma trajetória não-linear. Um site que mostrava só o final da história.

William Gonçalves não começou escrevendo código. Começou como técnico em eletrônica, passou 13 anos coordenando infraestrutura crítica para clientes enterprise (RIOgaleão, TJ-RJ, Petrobras, XP Investimentos, Coca-Cola...) — operações com tolerância zero a falhas —, e só então migrou para desenvolvimento Frontend em 2021. Hoje é Senior Frontend Engineer na ConstruCode, lidera migrações de plataforma (Next.js → Remix), constrói Design Systems, e estuda AI Engineering. Criou o primeiro mapa de transporte público do Rio para o Moovit, trabalho que virou matéria de jornal. É uma trajetória que poucos desenvolvedores têm.

Mas o site iwill.dev que ele mantinha não contava essa história. Era um portfólio genérico, indistinguível de mil outros. Quem chegava lá via React, TypeScript, algumas skills — e saía sem entender que estava diante de alguém com duas décadas de engenharia, mentalidade de missão crítica e visão de arquitetura construída em trincheiras reais. O desafio não era criar presença digital do zero. Era fazer o site comunicar a pessoa completa — não apenas o cargo atual.

/// A Abordagem

Mostrar a trajetória completa, não apenas o cargo atual.

A direção foi clara: construir um site que comunique a pessoa inteira — não só o desenvolvedor Frontend, mas o engenheiro com 20 anos de experiência técnica, o profissional que já coordenou infraestrutura crítica com zero tolerância a falhas, o criador que fez trabalho de impacto público. Mantivemos o domínio iwill.dev e a estrutura bilíngue PT/EN, mas refizemos toda a arquitetura de informação: seção 'Sobre mim' contando a trajetória não-linear, timeline de experiência mostrando a transição infraestrutura → dev, destaque para o trabalho no Moovit, e visibilidade para os estudos em AI Engineering.

Visualmente, optamos por design editorial com tipografia limpa, hierarquia clara e fundo escuro absoluto — sem ruído, sem elementos decorativos. Blog técnico bilíngue como pieza central, renderizado com Astro para performance máxima. O resultado: um site que abre com leitura imediata da trajetória diferenciada de William. Quem chega em iwill.dev hoje entende que está diante de um profissional que construiu expertise em camadas — eletrônica, infraestrutura, código, arquitetura, AI — e que cada camada fortalece a seguinte.

Sistema de design editorial PRISM v2 no iwill.dev
GRID: 12 COLUMNS GUTTER: 24PX OFFSET: CENTER
iwill.dev — hero com tipografia ultra-light Manrope
iwill.dev — seção de experiência profissional
iwill.dev — blog técnico bilíngue
iwill.dev — artigo técnico ou versão mobile

Começar um projeto assim.

Sua visão merece ser construída com a mesma excelência.

Agende um diagnóstico arrow_forward

Outros Projetos

VER TODOS arrow_forward