PRODUCT DESIGNER × VIBE CODER

I Design It. I Vibe-Code It. I Ship It.

I’m Preetham — a Product Designer who combines user-centered design, visual systems and AI-assisted development to turn ideas into polished, functional digital products.

UX/UI • Product Design • Figma • AI-assisted Development • React • Next.js
WORKFLOW: IDEA → FIGMA → AI-ASSISTED DEV → WORKING PRODUCT Think → Design → Build → Ship
Preetham B R — Figma to AI Code Workspace Visual

Product Designer + Vibe Coder

Product Design is my primary professional identity. Vibe Coding is my differentiator. I can think through a user problem, design the experience in Figma, and use AI-assisted development to turn it into a working product.

15+
Projects Designed & Built
3+
Years Professional Experience
Design + Code
End-to-End Product Development
CURATED WORK

Selected Work

Products and interfaces I've designed and built. Each project reflects the full cycle: understand the problem → design the experience → build the product.

MORE PROJECTS

Other Projects & Builds

Additional designs, web applications, and functional experiments.

KEY DIFFERENTIATOR

From Figma to Functional Product

Most designers stop at the handoff. I like going further. I use AI-assisted development and modern frontend tools to turn my designs into working interfaces instead of stopping at static screens.

🎨

01 — THINK & DESIGN

  • Figma & FigJam Design Systems
  • UX Research & Synthesis
  • Information Architecture & User Flows
  • Wireframing & Interactive Prototypes
  • Visual UI Design & Typography
⚡

02 — VIBE CODE & SHIP

  • AI-assisted Development & Prompting
  • React & Next.js Frontend Components
  • HTML5, Modern CSS & JavaScript
  • Vite Build Pipelines & Git Workflows
  • Production Deployment to Vercel
Figma → AI-assisted Development → React / Next.js → Working Product
HOW I WORK

My Product Workflow

A simple 5-stage process from initial problem discovery to shipped functional interface.

01

Discover

Understand users, business goals and constraints before proposing design directions.

02

Define

Clarify the core problem, user friction points, and prioritize key feature opportunities.

03

Design

Create user flows, wireframes, high-fidelity UI systems and interactive prototypes in Figma.

04

Build

Use AI-assisted development to turn the design system and UI specs into functional interfaces.

05

Iterate

Test the working build, refine interactions, gather user insights, and continuously improve.

ABOUT ME

I’m a designer who likes to build.

Preetham B R — Product Designer & Developer
✦ "Connecting design and development to take products from problem to reality."

I’m Preetham, a Product Designer and Vibe Coder focused on creating useful, intuitive and visually polished digital products.

My strength is connecting design and development. I can move from understanding a problem and designing the experience to prototyping and building a functional first version with AI-assisted development.

My background spans UI/UX design, product development, market research, sales, and customer operations. Working directly with customers taught me to look at products from more than just static screens.

CAREER HISTORY

Experience

Real-world track record across product design, customer operations, and tech consulting.

MAY 2026 — PRESENT

Outvox Solution

Product Designer & Developer

Owned end-to-end product design and frontend development for a live corporate web platform. Responsible for the complete design-to-deployment pipeline.

  • Designed the full UI/UX system in Figma — from IA and user flows to high-fidelity screens and a reusable component library.
  • Used AI-assisted development (Cursor, LLM prompting) to translate design tokens into production-ready React and HTML/CSS components.
  • Deployed the live platform at outvoxsolution.com, iterating directly between design and working code.
Product Design UX/UI Design Systems AI-assisted Dev React
JULY 2025 — AUGUST 2026

Tata Motors

Customer Advisor — Sales & Customer Experience

Worked directly with B2C customers throughout the full vehicle purchase journey at a frontline sales role. This experience built deep product communication and customer understanding skills that directly inform how I design products.

  • Guided customers through a complex purchase journey — learning to identify unstated needs, manage expectations, and communicate product value clearly.
  • Observed real B2C decision patterns, friction points, and moments of hesitation — insights that now directly shape how I design user flows and micro-copy.
  • Developed strong communication and stakeholder empathy skills through high-volume direct customer interaction.
Customer Journey B2C Communication User Empathy Product Communication
OCTOBER 2024 — OCTOBER 2025

Xentricx Technology / The Blu Canton

Research Analyst & Business Consultant

Supported technology-oriented client projects through market research, business requirements gathering, and early-stage design exploration.

  • Conducted market research and mapped business requirements across multiple client engagements.
  • Created wireframes and prototype flows to align product direction with client business objectives.
Market Research Business Analysis Wireframing Requirement Mapping
OCTOBER 2023 — APRIL 2025

Decentraclasses

UI/UX Designer — Remote

Designed user interfaces and established design systems for Web3 and decentralized learning platforms.

  • Designed high-fidelity screens, wireframes, and interactive prototypes in Figma for multiple product modules.
  • Mapped end-to-end user journeys and improved onboarding flows for a decentralized education platform.
UI/UX Design Figma Wireframing Prototyping Design Systems
CAPABILITIES

Skills & Toolkit

🎨 Product Design

Figma Design Systems Information Architecture Wireframing Prototyping User Flows User Journey Mapping UX Strategy Visual Design

⚡ Vibe Coding & Development

HTML CSS JavaScript React Next.js Vite Git / GitHub AI-assisted Development Prompt Engineering

🛠 Tools

Figma FigJam Framer Webflow Adobe XD Photoshop Cursor Windsurf GitHub Copilot
HIRING

Looking for a Product Designer who can build?

I'm open to Product Design, UI/UX and design + development opportunities where I can contribute from product thinking all the way through to implementation.

Product Designer UI/UX Designer UX Designer Associate Product Designer Product Designer + AI Design Engineer AI Product Builder

Product Designer • UI/UX Designer • Design Engineer • AI Product Builder

GET IN TOUCH

Let's build something meaningful.

I'm open to Product Design, UI/UX and Design + Development opportunities where I can contribute from product thinking through to implementation.