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

Plataforma Web / 2026

NX Studio - Institucional

Site Institucional da NX Studio: agência criativa de web design e branding que transforma marcas em experiências visuais únicas.

NX Studio - Institucional
J / O — Plataforma Web

Índice do case

01 — 04

Disciplina
Plataforma Web
Ano
2026
Status
Concluído
Registros visuais
04

Tecnologias

Next.jsTypeScriptTailwindCSSshadcn/uiPrismaORMPostgres

NX Studio — Website institucional do conceito ao código

O website da NX Studio foi desenvolvido como a tradução digital da cultura e do posicionamento da marca: criatividade com direção, identidade com propósito e execução sem superficialidade.

O projeto partiu de um protótipo no Figma já bem definido conceitualmente, com uma linguagem visual forte e um discurso claro. O desafio do desenvolvimento foi materializar essa essência em código, preservando impacto visual, ritmo de leitura e personalidade.

O desafio

Agências criativas enfrentam um problema comum:


como comunicar criatividade sem cair no genérico?

No caso da NX Studio, o site precisava:

  • Transmitir cultura, não apenas serviços

  • Refletir uma postura criativa ousada, mas madura

  • Manter equilíbrio entre impacto visual e clareza

  • Valorizar conteúdo, manifesto e valores da marca

O risco era transformar um conceito forte em uma execução fria ou excessivamente técnica.

A abordagem

O desenvolvimento foi guiado por fidelidade ao conceito original do Figma e atenção ao detalhe.

O foco esteve em:

  • Respeitar a hierarquia visual e o ritmo proposto no design

  • Garantir fluidez na navegação e na leitura

  • Reforçar a identidade da marca através de microdecisões visuais

  • Criar uma experiência que refletisse a cultura da NX, não apenas sua estética

Cada seção do site foi pensada como parte de uma narrativa — do manifesto à apresentação da essência da marca.

Decisões de UX e UI

  • Uso de contraste forte para destacar mensagens-chave

  • Tipografia expressiva, com foco em impacto e legibilidade

  • Layouts bem espaçados, valorizando o conteúdo

  • Estrutura clara, evitando excesso de elementos decorativos

O site foi desenhado para comunicar posicionamento antes mesmo de o usuário ler todo o conteúdo.

Resultado

O website entrega uma presença digital que:

  • Comunica claramente a essência e a cultura da NX Studio

  • Reforça seu posicionamento como agência criativa estratégica

  • Alinha discurso, identidade visual e experiência

  • Funciona como vitrine institucional e manifesto de marca

Este projeto demonstra como design e desenvolvimento, quando conectados desde o início, são capazes de transformar conceito em experiência real — com intenção, coerência e personalidade.

04 / Evidências visuais

04 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