Typical: 1–3 weeks
Business websites
A fast, professional website that explains what you do and turns visitors into inquiries.
Company site · landing page · menu or catalog
Available for new projects
terminal
Full-Stack AI-First Developer & UI/UX Designer
I bridge the gap between technical complexity & human-centered design.
Most developers don't understand UX. Most designers can't build the system behind it. I do both, from CRMs and business systems to full-stack web apps and Web3 dApps, designed for real people and built to scale.
Explore Shipped Works
south_east
work
Open to roles & freelance
6
Products shipped
6
Design systems built
TS
TypeScript end to end
UTC+8
Philippines · remote-ready
TRIAD_SYNERGY_INDEX // V4.8
Live Core
Zero-Friction Hand-off
Solidity ↔ Figma ↔ Next.js
Figma → Code → Launch
100% End-to-End Ownership
// What I can build for you
Tools That Help Your Business Grow
You don't need to know the tech. Tell me the problem, whether it's missed bookings, messy spreadsheets or no online presence, and I'll design and build the simplest thing that fixes it.
Typical: 6–12 weeks
CRM & client management
Keep every lead, client, deal and follow-up in one place, so nothing slips through the cracks.
Sales pipeline · client records · reminders
Typical: 3–7 weeks
Booking & appointments
Let customers book online 24/7, get automatic reminders, and pay a deposit upfront.
Clinics · salons · consultations · rentals
Typical: 3–8 weeks
Online stores & ordering
Sell your products online, take payments, and manage orders and stock without spreadsheets.
Shop · pre-orders · delivery orders
Typical: 4–10 weeks
Dashboards & internal tools
Replace messy spreadsheets with a simple system your team actually enjoys using.
Inventory · orders · reports · team tasks
Typical: 4–10 weeks
Web3 & crypto products
For crypto teams: token sites, dApps and wallet features that newcomers can actually use.
Token launch · dApp · wallet login
Built for your kind of business
Not sure what you need?
Send me a message about your business, and I'll suggest the simplest solution, even if that's something you don't need to pay me for.
// 01. Selected Work
Featured Projects
Business systems, web apps and Web3 products I designed and built end to end.
Live
Full-Stack / CMS
Overland Ready
01Evidence-based overlanding gear review site. Reviews and affiliate products are managed in an embedded Sanity Studio and rendered through dynamic Next.js routes.
Next.js 16React 19TypeScriptTailwind v4Sanity CMSVercel
Private source
Live demo
Web3 / Solana
RemitOtter ($OTTER)
02Solana meme-coin launch platform with payment-rail utility: ambassador quests and tiers, a scheduled buyback-and-burn engine with a public ledger, a real-time War Room dashboard and a partner API for fintechs. 20 API routes plus a test suite.
Next.js 15MongoDBTailwind CSSshadcn/uiSolanaCron jobs
Simulated on-chain data
Live demo
Systems / Web3 infra
Obsidian Console
03Infrastructure observability console for Web3 compute platforms: live service health, telemetry charts, a streaming log viewer, TEE job orchestration and incident response, with a ⌘K command palette. Fully rebrandable from a settings page and shareable by link.
Next.js 16React 19TypeScriptTailwind v4Live simulationCustomizable
Concept · simulated data
Live demo
Web3 / Trading
Tidewell Terminal
04White-label DeFi trading terminal: perps with a live order book and candles, vault strategies, borrow/lend and a real-time risk panel in one screen. Paper trading on live market data, with market and limit orders, 1–20× leverage and liquidation estimates. Rebrandable and ready to connect to wallets and protocols.
Next.js 16React 19TypeScriptTailwind v4Live market dataSVG chartsWhite-label
Paper trading
HiKIDAIAI literacy for every age
Relaunching
Full-Stack / EdTech
HiKIDAI
05AI-literacy learning platform with a CMS for lessons, a Supabase database and auth backend, and embedded browser games.
Next.jsTypeScriptSupabaseSanity CMSTailwind
Private source · relaunching soon
Lead
Proposal
Won
CRM System
06A custom CRM for managing contacts, deals and follow-ups, with a clean interface the team actually wants to use. Case study coming soon.
Next.jsTypeScriptPostgreSQLFigma
Details coming soon
UI system
Systems / Ops
TS Task Control
07Operations dashboard for a travel-support team: an agent roster with today's workload, a live pipeline tracking flight, hotel and event bookings, and a review screen that flags anomalies and matches bookings to tasks.
Google StitchTailwind CSSDashboard UXAero Synthetics DS
3 screens + design system
Product design
Systems / Game studio
Harbor Reach Studio OS
08Production operating system for a five-person game studio: one calm view of the active milestone, department progress, critical risks, reviews and live activity. I led it end to end, from product discovery and information architecture to the UX blueprint, design system and prototype spec.
Product discoveryInformation architectureUX blueprintDesign systemGoogle Stitch
Client work · design only
UI system
Marketplace
BoyaxDev Marketplace
09Marketplace for buying ready-to-launch websites. A filterable inventory by niche, stack and monetization, asset pages with a data room, and a four-step buyer-access flow with an NDA.
Google StitchTailwind CSSMulti-step formsLiquid Glass Aero DS
4 screens + design system
UI system
Content / Affiliate
SkinStack
10Curated skincare review site with in-depth product reviews, category directories and “best under $30” guides, with affiliate links and clear editorial disclosure.
Google StitchTailwind CSSEditorial UXLuminous Aqua DS
9 screens + product renders
You are here
Web3 / Portfolio
This Portfolio
11Static HTML with compiled Tailwind and no framework. Live data from 7 chains (6 EVM plus Solana) with automatic RPC fallback, and read-only EVM and Solana wallet connection.
HTMLTailwind CSSJavaScriptEIP-1193Solana wallets
Neo-Swiss Cybernetic DS
More projects shipping
More business systems, web apps and Web3 dApps are being prepared for release. Follow along on GitHub.
github.com/vincentinferido-a11y
// Concept Showcase
Sample Builds & Design Explorations
Concept products I designed to explore patterns across DeFi, fintech, SaaS, e-commerce, real-time collaboration and AI. These are self-initiated studies, not client work.
DeFi dashboard
Web3 / FullStack
OmniDeFi Protocol Dashboard
C01Multi-chain liquidity dashboard concept covering Uniswap V3, Aave V3 and Compound, with one-click batch rebalancing.
SolidityNext.js 14The GraphWagmi
Concept · UI and architecture study
Gasless minting
Web3 / UX
Aura L2 NFT Marketplace
C02NFT marketplace concept on Polygon, using EIP-712 off-chain signatures and lazy-minting vouchers so creators pay no upfront gas.
EIP-712PolygonFigmaIPFS
Concept · UI and architecture study
DAO governance
Web3 / UX
Synapse DAO Governance Suite
C03Governance portal concept that combines gasless off-chain Snapshot voting with on-chain Timelock execution and quadratic voting.
OpenZeppelinSnapshot APITailwindReact 18
Concept · UI and architecture study
Mobile fintech UX
UX / Research
FinPay Mobile Banking UX
C04Banking onboarding concept that turns a long KYC form into three adaptive steps with instant document scanning.
FigmaPrototypingUsability testing
Concept · UI and architecture study
SaaS analytics
Full-Stack / UX
PulseMetrics SaaS Platform
C05Analytics platform concept with live event streams, customizable dashboards and instant segment filtering. A business-systems study.
Next.js 14PostgreSQLPrismaClickHouse
Concept · UI and architecture study
E-commerce backend
Full-Stack
HyperScale E-Commerce Core
C06Marketplace backend concept with server-side rendering, Stripe Connect payouts and inventory locks that prevent overselling.
Next 14 SSRStripe ConnectRedis Mutex
Concept · UI and architecture study
Real-time collab
Full-Stack
CollabSync Real-Time Canvas
C07Multiplayer whiteboard concept using Yjs CRDTs over WebSockets, with peer-to-peer WebRTC voice rooms.
Yjs CRDTWebSocketsWebRTCZustand
Concept · UI and architecture study
Account abstraction
Web3 / UX
Chronos Smart Account Flow
C08ERC-4337 smart-wallet onboarding concept that replaces seed phrases with passkeys and sponsors gas through Paymasters.
ERC-4337PasskeysPaymastersZero-Jargon UX
Concept · UI and architecture study
AI writing tool
Full-Stack
CognitiveAI Editorial Engine
C09Generative writing studio concept with streaming responses (SSE), semantic caching and side-by-side diff comparison.
FastAPISSE StreamsRedis VectorNext.js App
Concept · UI and architecture study
Design system
Design System
Apex Enterprise Design System
C10Enterprise design system concept with Figma Variables compiled into Tailwind tokens, following WCAG 2.1 AA.
Figma TokensStyle DictionaryWCAG 2.1 AAReact Lib
Concept · UI and architecture study
// 02. Web3 Engineering
Web3 & Smart Contracts
I'm bringing my full-stack and UX skills to the EVM. The goal is dApps that are secure on-chain and easy to use for people who have never touched a wallet.
Live demo · try it
Pick a blockchain to stream live network data, then connect your wallet (read-only: no signatures, no payments). The same building blocks I use in client dApps.
ETHEREUM GAS: — GWEI
BLOCK #—
RPC: —
Smart contracts
Solidity contracts built on audited OpenZeppelin building blocks, tested and deployed with Hardhat.
SolidityHardhatOpenZeppelinethers.js
dApp front ends
Wallet connection, network switching and clear transaction states. Crypto UX without the jargon.
wagmiviemRainbowKitNext.js
Indexing and data
Reading on-chain data efficiently with subgraphs instead of slow RPC loops.
The GraphGraphQL
BuilderPass.sol
Solidity 0.8.24
01// SPDX-License-Identifier: MIT
02pragma solidity ^0.8.24;
03
04import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
05import "@openzeppelin/contracts/access/Ownable.sol";
06
07contract BuilderPass is ERC721, Ownable {
08 uint256 public constant MAX_SUPPLY = 1_000;
09 uint256 public totalMinted;
10
11 constructor() ERC721("Builder Pass", "PASS") Ownable(msg.sender) {}
12
13 // One pass per wallet, capped supply
14 function mint() external {
15 require(totalMinted < MAX_SUPPLY, "Sold out");
16 require(balanceOf(msg.sender) == 0, "Already minted");
17 _safeMint(msg.sender, ++totalMinted);
18 }
19}
Example contract · learning build
Live multichain data in the header ↑
// 03. UX/UI & Design Systems
How I Design
Good looks are the baseline. What matters is whether people can use the product. My process goes from AI-assisted concepts to a tested, tokenized design system that developers can build straight from.
Step 1
Concept fast
AI-generated UI concepts to explore directions in hours, not days.
Google StitchFigma AI
Step 2
Refine in Figma
Variants, components and auto-layout, organized into a reusable system.
FigmaVariablesComponents
Step 3
Prototype and test
Interactive prototypes and user research to catch friction before any code exists.
FramerHotjarMaze
Step 4
Hand off as code
Design tokens map straight into Tailwind, so the build matches the design.
Dev ModeTailwind tokens
Live example: this site
Design spec → Tailwind config
The design tokens powering this portfolio
color-primary
#ADC6FF
color-secondary
#D0BCFF
color-tertiary
#4FDBC8
surface-high
#262A34
surface-variant
#31353F
color-error
#FFB4AB
// 04. Full-Stack Engineering
Web Apps & Business Systems
From CRMs and internal tools to public-facing web apps, everything is type-safe from the database to the browser, editable by non-developers where it matters, and deployed on the edge.
My default architecture
TypeScript end to end
Client
Next.js · React · Tailwind
Server & Auth
Route handlers · NextAuth / Clerk
Data & Content
Postgres · Supabase · Firebase · Sanity
Overland Ready
CMS-driven content site
Sanity Studio runs inside the Next.js app at /studio. Route groups keep it separate from the public layout, and reviews render from GROQ queries.
- ✓ Headless CMS editing
- ✓ Dynamic review routes
- ✓ Affiliate-link system
HiKIDAI
Learning platform
Supabase handles the database and authentication, Sanity manages lesson content, and browser games are built in and served alongside the app.
- ✓ Postgres + auth
- ✓ CMS-managed lessons
- ✓ Embedded games
This portfolio
Static and fast
Plain HTML with compiled Tailwind and no framework overhead. Live gas and block data stream from a public Ethereum RPC, and wallet connection uses EIP-1193.
- ✓ No build-time framework
- ✓ Live on-chain data
- ✓ Accessible and responsive
// 05. Technical Stack
Tools I Build With
My stack across the full product lifecycle, from business systems to Web3, plus the AI tools that make me faster.
Full-Stack
- Next.js (App Router)
- React · TypeScript
- Tailwind CSS
- Prisma · PostgreSQL
- Supabase · Firebase · Sanity CMS
- NextAuth.js · Clerk
- Stripe · Vercel
Business Systems
- CRM and sales pipelines
- Admin dashboards
- Role-based access
- Data models · PostgreSQL
- Auth and user management
- Payments and integrations
Web3
- Solidity
- Hardhat
- ethers.js · viem
- wagmi · RainbowKit
- The Graph
- OpenZeppelin
UX/UI Design
- Figma · Figma AI
- Framer
- Design systems and tokens
- Hotjar · Maze
- Google Stitch
AI Workflow
- Claude Code · Cursor
- GitHub Copilot · Codex
- Perplexity · Phind
- OpenAI API · Vercel AI SDK
- v0 · Mintlify
GitHub contributions
View profile
Vincent Inferido
Full-Stack AI-First Developer & UI/UX Designer
chat
// 06. The Unfair Advantage
Behind the Architecture
I design and build web products from start to finish, from the first Figma concept to a production Next.js app, with smart contracts when a product needs them.
When design, front end and back end are handled by different people, details get lost between them. Because I work across all three, I can take a product from idea to launch myself, and what ships matches what was designed. I use AI throughout that process to move faster, and I check everything it produces.
WORKING PHILOSOPHY
Understand the user first, keep the code type-safe and readable, and never ship AI output I haven't reviewed and tested.
CURRENTLY BUILDING
Web3 dApps with Solidity, wagmi and RainbowKit, more open-source full-stack projects, and AI features built with the OpenAI API and Vercel AI SDK.
// From the Blog
All articles
Practical Guides for Business Owners
Plain-English answers before you build: what software costs, what you actually need, and how to avoid expensive mistakes.
Case studyPlanningBusiness
Case Study: BoyaxDev, a Marketplace Website Design for Buying Ready-Made Websites
A marketplace website design case study: how I designed BoyaxDev, a UI prototype for buying ready-made websites, from faceted search to a gated NDA flow.
October 8, 2026 · 10 min read
Buying guideBusinessTech choices
Best Website Builders for Small Businesses in 2026: Wix vs Squarespace vs Shopify vs WordPress.com vs Webflow
The best website builder for small business in 2026: Wix, Squarespace, Shopify, WordPress.com and Webflow compared with official prices, fees and free plans.
October 1, 2026 · 11 min read
CRMBuying guideBusiness
Best CRM Software for Small Businesses in 2026: 6 Options Compared (With Real Prices)
HubSpot, Zoho, Pipedrive, Freshsales, Salesforce and Bitrix24 compared for small teams: real 2026 prices from official pages, free plans, hidden costs, and which one fits your business.
September 29, 2026 · 12 min read
// Client Reviews
What Clients Say
Worked with me? I'd really appreciate a short review. Every review is read and approved before it appears here.
// Contract Inquiries
Frequently Asked Questions
Clear terms, predictable delivery cycles, and full IP handover.
What is your typical project timeline?
It depends on scope. A focused marketing site or landing page usually takes 1–2 weeks, and a full-stack MVP with auth, a database and a CMS usually takes 4–8 weeks. I'll give you a clear estimate after a short discovery call.
How will we communicate, and how will I see progress?
You get a live preview link early on that updates as I build, so you can click through real progress instead of waiting for a big reveal. Each week I send a short written update: what shipped, what's next, and anything I need from you. I reply within 24 hours by email or WhatsApp. I'm based in the Philippines (UTC+8) and can schedule calls in your morning or evening, whether you're in the US, UK, Europe or Australia.
What is your billing & engagement structure?
For freelance work I usually quote fixed-scope milestones, so you know the cost up front. I'm also open to part-time and full-time roles. We can agree on the details on a quick call.
Can you work within our existing design system and codebase?
Absolutely. I quickly assimilate into established Figma design systems, existing GitHub CI/CD pipelines, and monorepos (Turborepo, Nx) without disturbing your ongoing release cadence.
Can I see the source code or license a project?
Yes. Public projects can be browsed on GitHub. Private projects (like HiKIDAI and the CRM) can be shared with read-only access for evaluation. All projects are all-rights-reserved, so if you would like to use one, license a design system, or have something similar built for your business, use the Request access button on any project card or email vincent.inferido@gmail.com.
// 07. Project Estimator
Estimate Your Project
Pick what you need and get an instant ballpark for effort and timeline. It's free, there's no sign-up, and you can send the estimate straight to me for a fixed-price quote.
OPEN TO ROLES & FREELANCE PROJECTS
Let's Build Something Exceptional
Whether you have a full technical specification or a rough whiteboard concept, send me a message and I'll reply within 24 hours with next steps.
Usually replies within 24 hours · Philippines (UTC+8)