Hello, I'm Arvind.
I design products and build them for the web.
Product designer & senior frontend developer with 7+ years of experience turning ideas into thoughtful, usable, and high-performing digital experiences.
Arvind M
Product Studio
Ship FrontendPrep v2.0
Refactor dynamic searchParams structures and optimize editorial layouts.
Featured Work
Arvind's core product shipped to production, combining product thinking, interface design, and full-stack engineering.
FrontendPrep
Product Design · UX/UI · Frontend & Backend Engineering
A frontend interview preparation platform designed and built from scratch. It evaluates live UI layouts in a sandboxed, in-browser editor and helps candidates master modern web engineering patterns.
Arvind designed the user experience guidelines, built the compilation engine, implemented Supabase auth & progress metrics, integrated Razorpay checkouts, and optimized the product paths for SEO.
Next.js · React · TypeScript · Tailwind CSS · Supabase · MongoDB · Razorpay · Google Analytics
Products I've built
Small ideas, real products, shipped to the web to solve everyday problems.
Improve your typing speed & accuracy.
Keyloom
A free touch-typing practice website designed and built for focused daily practice. Styled with absolute minimalist layouts, avoiding gamified popups, enabling clean typography practice.
Simple tools. Real-life answers.
DailyCalc.in
A collection of simple everyday calculators designed to make small life and work decisions easier. Clean grid containers for tax rates, loan values, and investment returns.
Selected Design Work
Brand identity, typography structures, and web layouts designed for real businesses.
Bravex
Fitness equipment brand e-commerce experience. Detailed branding, typography specs, and product collection structures for home gyms.
Preque
Organic linen clothing brand. Narrative-driven landing pages, lookbook presentations, and optimized category layouts.
Shree Radhe Jewellers
Jewellery brand identity and website design. Establishing gold accents, high-contrast serif headers, and mobile collection sliders.
Work I've done professionally
7+ years of experience working with product companies, tech agencies, and clients, moving fluidly between product design and frontend engineering.
I believe developer interfaces should be as deliberate as consumer designs.
Over the last seven years, I've worked across product ecosystems to design user journeys in Figma, draft CSS systems, code interactive layouts in React/Next.js, and integrate analytics trackers to study user behaviors.
By sitting at the boundary of design and engineering, I help engineering teams implement designs exactly as intended, and help design teams understand browser constraints before layouts are drawn.
Founder & Creator
Frontendprep.io
Founded and built an interactive frontend interview preparation platform from scratch. Engineered the live in-browser layout compiler, Supabase authentication & progress metrics, Razorpay monetization, and responsive UI sandbox.
Lead Web Engineer & Product Designer
YourAllyStack
Leading frontend architecture and digital product design systems. Driving technical direction, scalable component libraries, and modern web applications with seamless user experiences.
Senior Web Engineer & Product Designer
iion.io
Bridged product design and frontend engineering. Designed core product interfaces, implemented responsive dashboards, and collaborated with cross-functional product managers to optimize advertising performance panels.
Frontend Engineer & Interaction Designer
Kraftshala
Worked on visual frameworks and user experience workflows for learning platforms. Developed course landing paths, implemented conversion funnel trackers, and refactored UI codebases to achieve fast load metrics.
UI/UX Designer & Frontend Developer
Freelance & Studio Consultancy
Designed brand systems, custom Webflow/Framer web builds, and frontend prototypes for e-commerce and SaaS clients, delivering ready-to-code design specs and frontend bundles.
I like the space between design and code.
Good interfaces don't stop at Figma. I enjoy working across the entire process—understanding the problem, designing the experience, building the interface, and making sure the final product feels as good in the browser as it did in the design file.
Design
- Figma
- UI/UX Design
- Prototyping
- Design Systems
- Responsive Layouts
- Visual Design
Engineering
- React & Next.js
- TypeScript & JS
- HTML5 & CSS3
- Tailwind CSS
- Node.js & Express
- MongoDB & SQL
Product & Growth
- Google Analytics
- Facebook Conversion API
- SEO Strategy
- Web Performance
- Conversion Rate Optimization
- Clarity Heatmaps
Playground
Small experiments, interface explorations, and custom frontend layouts. Live component sandbox below.
Live Interactive Blueprint
Adjust design specs below to see how layouts scale dynamically, maintaining exact proportions. Toggle grid guidelines to reveal hidden padding anchors.
· Responsive accordion component recreations
· CSS typography scale calculators
· Sandboxed layout transitions
Interactive Card
Notice how layout elements realign automatically without layout shifts.
Have a product to build?
Whether you need help designing an interface, building a high-performance frontend, or taking an idea all the way from Figma to production—I'd love to hear about it.