Read KORVYN details
Implemented React and TypeScript concept: detailing services, three real concept packaging renders and service/product enquiry flows. No sales or booking integration.
JOÃO VICTOR / CARUSO
SOFTWARE ENGINEERING DESIGN-LED DEVELOPMENT
Digital experiences.
Built with intention.
From standout landing pages to reliable digital systems. I blend considered visual design with practical engineering to turn ideas into experiences worth using.
DESIGNED & ENGINEERED BY CARUSOINDEPENDENT SOFTWARE / BRAZIL
SCROLL TO EXPLORE LANDING PAGESWEB APPLICATIONSSOFTWARE SYSTEMSCREATIVE DEVELOPMENT
A DIFFERENT APPROACH
Good design gets attention.
Good engineering makes it count.
I bring visual direction and software thinking into the same process — because a memorable experience should also be useful, responsive and built to last.
CURATED PORTFOLIO / 2026INDEPENDENT PROJECTS & CONCEPTS
SELECTED WORK
Work that
speaks for itself.
Different challenges. One standard: intentional design, functional experiences and engineering decisions that make sense.
Read Orvan details
A fictional barbershop website with a step-by-step booking experience and WhatsApp handoff. This is a personal demonstration project, not a commissioned client site.
Read Sentinel details
A work-in-progress Linux diagnostics and monitoring project combining .NET and real system data with a React interface.
Read AFServiceOPS details
Independent operational software in development. This cover is the official public project illustration, not confidential dashboard data.
Independent projects and fictional-brand studies, not commissioned client work. Cover illustrations are visual concepts; real interfaces appear inside the project breakdowns.
MORE ON GITHUBWHAT I CAN BUILDCREATIVE DIRECTION MEETS SOFTWARE
EXPERTISE
More than a good-looking website.
A better digital product.
A / FIRST IMPRESSION
Landing pages
& digital presence.
Distinctive, responsive pages with clear messaging, strong visual hierarchy and intentional paths to action.
B / EXPERIENCE
Web apps
& interfaces.
Tools, dashboards and connected applications designed for real usage — not merely to look good in a screenshot.
C / THE FOUNDATION
Systems
& backend.
Services, integrations and software architecture with attention to reliability, maintainability and practical complexity.
HOW I THINK
A good idea deserves
more than a template.
Every project starts with the problem worth solving. Then come the right structure, the right visual language, and the code that turns it into something people can actually use.
UNDERSTAND
Goals, audience and constraints.
SHAPE
Direction, experience and architecture.
BUILD
Implement, test and refine.
CARUSO / SOFTWARE ENGINEERING
THE PERSON BEHIND THE WORK
Hi, I'm Caruso.
My name is João Victor. I'm a software engineering student and independent developer based in Brazil, building everything from expressive websites to the systems behind complex products.
I care about clarity, details and useful engineering. The goal isn't to add complexity — it's to make each experience feel deliberate and each solution dependable.
C# / .NETJAVASCRIPTTYPESCRIPTREACTLINUXWEB ARCHITECTURE
CONNECT ON LINKEDIN HAVE A PROJECT IN MIND? LET'S MAKE IT HAPPEN.
Let's make
something real.
Have a landing page, web application or more ambitious system in mind? Tell me what you want it to do.
SELECTED WORK / 01FUNCTIONAL FICTIONAL-BRAND PROTOTYPE
AUTOMOTIVE DETAILING / LANDING PAGE & PRODUCTS
KORVYN Auto Lab.
A complete automotive-care concept combining service discovery and three interactive product presentations.
PROJECT BREAKDOWN / 05 CHAPTERSFrom first thought
From first thought
to real decisions.
An accurate look at the interface decisions, engineering work and current limits.
A premium brand, without fictional results.
KORVYN Auto Lab is a fictional automotive detailing studio and aftercare brand. The challenge was to explain both detailing services and three product concepts while keeping one recognizable identity.
FOCUS / SERVICES + PRODUCT ENQUIRIESOne visual language across the page.
A mineral-white and charcoal editorial system, consistent Manrope typography and genuine licensed illustrative detailing imagery build hierarchy. Product colors appear inside the collection, not across unrelated sections.
DIRECTION / REFINED AND COHERENTReal interactive product presentation.
The React and TypeScript site uses GSAP for directional product transitions, responsive layouts, keyboard and swipe controls. The collection displays Exterior Coating, Wheel & Tire Cleaner and Interior Cleaner using the actual concept packaging renders.
STACK / REACT · TYPESCRIPT · GSAPTwo intentional enquiry paths.
Visitors can explore detailing services or the product collection and prepare an enquiry. The prototype has no checkout, server-side lead capture or confirmed bookings; there is no evidence for a conversion-rate claim.
JOURNEY / SERVICE OR PRODUCT → ENQUIRYImplemented prototype with clear boundaries.
The page, product interactions and responsive layouts are implemented and documented. The brand and formulas are fictional, imagery is illustrative and real commercial effectiveness has not been validated.
STATUS / FUNCTIONAL CONCEPTWHAT IS ACTUALLY BUILT
A working React/TypeScript prototype with a connected detailing-services journey, interactive GSAP product collection and enquiry handoff. No checkout, booking system or verified sales claims.
THE COLLECTION / ORIGINAL PROJECT ASSETS
Three distinct fictional products, shown using the actual packaging artwork from the project—not substitute mockups.
KORVYN is a fictional brand. The product artwork and screenshots are from the authentic development project. Formula performance, sales, confirmed orders, paid commissions and service results are not claimed.
SELECTED WORK / 02FICTIONAL BUSINESS / WORKING DEMO
BUSINESS WEBSITE / GUIDED BOOKING UX
Orvan.
A barbershop concept where choosing a service leads naturally to requesting an appointment.
PROJECT BREAKDOWN / 05 CHAPTERSFrom first thought
From first thought
to real decisions.
A transparent view of the decisions, process and current state behind this work.
Make booking feel effortless.
The fictional barbershop needed more than an attractive introduction. A visitor should understand what the studio offers and move toward requesting a preferred time without losing context.
GOAL / REQUEST A BOOKINGSeparate browsing from choosing.
Editorial photography and a quiet typographic system present the brand. The booking interaction becomes a focused, staged interface rather than a long list of selections buried on the page.
DIRECTION / CALM & FOCUSEDBuild the journey step by step.
The local prototype uses HTML, CSS and JavaScript for service and add-on selection, preferred date and time inputs, and a WhatsApp message handoff. Local contact configuration stays outside this portfolio.
STACK / HTML · CSS · JAVASCRIPTReduce friction before contact.
The sequence guides visitors through service, options, timing and confirmation. It is designed to make the booking request clearer; completed appointments or conversion uplift have not been measured.
JOURNEY / CHOOSE → CONFIRM → CONTACTA working demonstration.
The service site and staged appointment-request flow exist as a personal project for a fictional business. The design can be adapted for a real business only with real information and authorized imagery.
STATUS / LOCAL WORKING DEMOWHAT IT SHOWS
A functioning staged booking interface and an editorial service website. No confirmed bookings or real business metrics are asserted.
Personal demonstration for a fictional business. The local booking configuration and personal contact number are not included in this portfolio. The website itself uses illustrative photography licensed through Pexels.
SELECTED WORK / 03IN DEVELOPMENT
SOFTWARE ENGINEERING / LINUX DIAGNOSTICS
Zyros Sentinel.
System visibility through real diagnostics, not decorative numbers.
PROJECT BREAKDOWN / 05 CHAPTERSFrom first thought
From first thought
to real decisions.
A transparent view of the decisions, process and current state behind this work.
Turn system noise into clarity.
Linux diagnostics generate useful numbers, but raw telemetry alone rarely helps explain system health. The goal is to make local machine state easier to understand and investigate.
GOAL / DIAGNOSTIC VISIBILITYMake important signals legible.
Metrics, processes and service states need clear hierarchy, consistent labels and recognizable missing-data states. Readability matters more than displaying as many charts as possible.
DIRECTION / SIGNAL OVER DECORATIONUse genuine host measurements.
C# and .NET diagnostics collect local Linux information, with an API and React interface to present supported measurements. Probes and permissions must remain explicit about what they can observe.
STACK / C# · .NET · LINUX · REACTDesign for correct decisions.
The interface should help someone locate a problem, inspect relevant evidence and distinguish unavailable telemetry from a healthy reading. This is a usability and reliability objective, not a commercial conversion funnel.
JOURNEY / OBSERVE → INVESTIGATEIterate against real systems.
A local diagnostics prototype and genuine telemetry capture exist. Broader reliability, permission handling and future alerts are ongoing work rather than finished product claims.
STATUS / IN DEVELOPMENTWHAT IT SHOWS
Working local telemetry and diagnostic screens. Explicitly distinguishing unavailable readings from valid measurements remains important.
Independent project in progress; not presented as a finished commercial monitoring service.
SELECTED WORK / 04INDEPENDENT SOFTWARE / ACTIVE DEVELOPMENT
FIELD-SERVICE OPERATIONS / WEB APPLICATION
AFServiceOPS.
Coordinating service requests, work orders and field execution through a clearer operational workflow.
PROJECT BREAKDOWN / 05 CHAPTERSFrom first thought
From first thought
to real decisions.
An accurate look at the interface decisions, engineering work and current limits.
Make field work easier to coordinate.
AFServiceOPS addresses the operational gap between receiving a service request, organizing a work order and documenting field execution. The intent is a clearer journey for office teams and technicians.
FOCUS / FIELD OPERATIONSOne workflow from desk to field.
Service requests, dispatch, technician activity and completion records need consistent states and practical, readable interfaces. The public product description emphasizes real operating conditions and the people doing the work.
DIRECTION / CLARITY OVER COMPLEXITYApplication and operational records.
The public project overview documents TypeScript/JavaScript-based workflows, web interfaces and SQL/PostgreSQL for structured operational data. It deliberately does not publish internal architecture or implementation details.
STACK / TYPESCRIPT · JAVASCRIPT · SQLPlan. Dispatch. Execute. Complete.
The proposed product journey is organized into four stages: prepare assignments, dispatch work, support field activity and collect completion evidence. Intermittent connectivity and traceable service completion are engineering goals, not guarantees.
JOURNEY / PLAN → DISPATCH → EXECUTE → COMPLETEOngoing, independent product.
AFServiceOPS is in development, and available features may change. The public cover used here comes from the official project overview; it is not a screenshot of a production deployment or real customer records.
STATUS / IN DEVELOPMENTWHAT THE PUBLIC PROJECT SHOWS
A defined field-operations concept and its implementation direction: request intake, dispatch, technician work and service completion. Specific production readiness and feature availability are not guaranteed.
01PLANPrepare the service
02DISPATCHAssign the work
03EXECUTEPerform the service
04COMPLETEDocument the result
The visual above is the existing official public project cover—not a screenshot of customer data or a live deployment. No internal software files, addresses, credentials or sensitive operational information are shared.