Skip to content

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUCT / DESIGN

Engineering, direction and digital craft in one continuous system.

ISSUE / 01

Project archive

02 / Case study

Web Platform / 2026

NX Studio - Institutional

NX Studio Institutional Website: a creative web design and branding agency that transforms brands into unique visual experiences.

NX Studio - Institutional
J / O — Web Platform

Case index

01 — 04

Discipline
Web Platform
Year
2026
Status
Completed
Visual records
04

Technologies

Next.jsTypeScriptTailwindCSSshadcn/uiPrismaORMPostgres

NX Studio — Institutional Website from Concept to Code

The NX Studio website was developed as the digital translation of the brand's culture and positioning: creativity with direction, identity with purpose, and execution without superficiality.

The project started from a well-defined conceptual prototype in Figma, with a strong visual language and clear discourse. The development challenge was materializing this essence in code, preserving visual impact, reading rhythm, and personality.

The Challenge

Creative agencies face a common problem:


how to communicate creativity without falling into the generic?

In the case of NX Studio, the site needed to:

  • Transmit culture, not just services

  • Reflect a bold but mature creative posture

  • Maintain a balance between visual impact and clarity

  • Value content, manifesto, and brand values

The risk was transforming a strong concept into a cold or overly technical execution.

The Approach

Development was guided by fidelity to the original Figma concept and attention to detail.

The focus was on:

  • Respecting the visual hierarchy and reading rhythm proposed in the design

  • Ensuring fluid navigation and reading

  • Reinforcing the brand's identity through micro-visual decisions

  • Creating an experience that reflected NX's culture, not just its aesthetics

Each section of the site was thought of as part of a narrative — from the manifesto to the presentation of the brand's essence.

UX and UI Decisions

  • Use of strong contrast to highlight key messages

  • Expressive typography, focusing on impact and legibility

  • Well-spaced layouts, valuing content

  • Clear structure, avoiding excessive decorative elements

The site was designed to communicate positioning before the user reads all the content.

Result

The website delivers a digital presence that:

  • Clearly communicates the essence and culture of NX Studio

  • Reinforces its positioning as a strategic creative agency

  • Aligns discourse, visual identity, and experience

  • Functions as an institutional showcase and brand manifesto

This project demonstrates how design and development, when connected from the start, are able to transform concept into real experience — with intention, coherence, and personality.

04 / Visual evidence

04 ITEMS

The work, in context.

Screens, motion and supporting artifacts that show how the system behaves beyond a static cover.

Selected work / archive

END / CASE

One case is only one chapter.

Return to the archive to see other interfaces, products and experiments built with the same attention to product, visual direction and frontend engineering.

View all projects