jvcrz - fullstack dev

projects

Real projects, from Figma to code.

Open a project to see the full case, with the original screens and a demo you can actually use.

app + site + dashboardin productionAly+Digital account for managing corporate cards and payments: incentives and expenses, virtual cards for ads (AlyAds) and batch Pix transfers to suppliers and employees.role end-to-end productopen case live site for Aly+, opens in a new tab
front-end + design systemfront-end, prototype and styleguideEl MagoDiablo 4 item store: server selection, filters by item type, search, quantity and cart, plus an affiliate area. From the interactive prototype to the front-end in Next.js.role direction and front-endopen case
low-code + back-end + seopublic websiteAgroluminaWebsite for an agribusiness consultancy accredited by Banco do Brasil, focused on rural credit in Sertãozinho, Ribeirão Preto and the surrounding region. Low-code for the site, back-end for SEO.role direction, back-end and SEOopen case live site for Agrolumina, opens in a new tab
e-learning · ui/uxjourney and screens in FigmaEnglish OnBoardEnglish e-learning platform for flight attendants: tracks split into modules and units, EXP, a ranking and the Re-check for Cabin Crew, a timed mock test with audio, results and an answer key.role UI/UX: journey, flows and screensopen case
e-commerce + dashboards · studyformerly called ElojobAscendaElo boosting platform for League of Legends, Valorant, TFT and Wild Rift: price calculator, orders with states and client, booster and admin dashboards, with the money rules on the server.role study project: product and back-endopen case

Loose pieces, to try outButtons, fields, cards, feedback and this site’s animations, in ~/componentes.

services

What I do, and where you can see it.

Each service points to the projects where it shows up, with a shortcut straight to the case.

UI/UX and design systems
Flows, interactive prototypes and design systems in Figma. Decisions get tested by clicking before they turn into code.
- interactive prototype
- styleguide
- tokens and components
seen in Aly+El Mago English OnBoard
Front-end
Fast interfaces, faithful to the design, from prototype to code. On El Mago, with Next.js and Tailwind.
- Next.js
- Tailwind CSS
- from Figma to code
seen in El Mago Aly+Ascenda
Back-end and product
Business rules and the back-end that holds the interface up: from calculating the order to what Google needs to read.
- business rules
- back-end for SEO
- order calculation
seen in Agrolumina Ascenda
Dashboards
Dashboards that show what matters to whoever runs the product: balance, credit and top-ups per month, segments and the progress of each order.
- data visualization
- filters
- segmentation
seen in Aly+Ascenda
Technical SEO and performance
CLS, Google indexing and keywords researched for Google and for AI assistants.
- CLS
- Google indexing
- Google/AI keywords
seen in Agrolumina
Automation and prompt design
Flows that take repetitive work out of the way, and prompts treated like code: versioned, tested and with predictable output.
- automated flows
- integrations
- versioned prompts
want to automate something? let’s talk

process

How a project moves with me.

Six steps, in the order they happen. Pick one to see what I do in it — and in which projects.

Before the screen, the problem: who uses it, what they need to solve and what the business needs to measure.

in projects Aly+El Mago Agrolumina English OnBoard

about

Between design and code.

I’m João Victor Cruz, aka jvcrz. I design the interface in Figma, turn it into a product and take care of what comes after: performance, SEO, security and the automations that keep everything running.

I built Aly+ end to end — app, website and dashboards —, directed El Mago and Agrolumina, and I use study projects, like Ascenda, to test ideas before taking them to clients.

This site is an example of that care: the numbers on this panel were measured just now, in your browser.

LinkedIn Behance

this site, measured now

CLS layout shift: —
LCP largest visible element: —
TTFB first byte: —
transferred size: —
third-party requests: —
Content-Security-Policy: —
HSTS: —
font in use: —

contact

Got a project in mind?
Let’s make it real.

The most direct way is LinkedIn. The full visual portfolio is on Behance.

João Victor Cruz, jvcrz

UI/UX and design systems

Front-end

Back-end and product

Dashboards

Technical SEO and performance

Automation and prompt design

João Victor Cruz,