I craftcinematic interfacesfor products that want to feel unforgettable.

Frontend engineering, interaction design, and motion-led product surfaces built to help ambitious brands and products feel more distinct.

Motion systems

Every interaction is designed to feel deliberate, elastic, and alive.

Built to ship

Beautiful interfaces backed by scalable frontend architecture.

Creative engineering

I design like a storyteller and build like an owner.

I focus on product interfaces that feel premium at first glance, then keep earning trust through clarity, structure, and production-ready frontend execution.

Point of view

The best work happens where visual direction, interaction design, and serious frontend craft are treated as one discipline instead of separate layers.

I care about interfaces that catch attention quickly but never lose usability once the motion settles and the details need to carry the experience.

That usually means working across product positioning, layout systems, interaction design, and frontend architecture together so the final result feels cohesive.

My goal is simple: make the work feel intentional, modern, and strong enough to ship without becoming fragile after launch.

4Flagship case studies
3D + MotionExperience design bias
End-to-endBuild ownership
Clear visual hierarchy

Every section should guide attention fast and keep the message readable before any effect starts competing with the content.

Motion with purpose

Animation should reinforce structure, depth, and confidence instead of becoming decoration that weakens the product story.

Frontend built to ship

The final build has to stay modular, responsive, and maintainable because premium UI only matters when the engineering holds up.

Selected Work

Case studies framed like an art-directed product exhibition.

The projects are presented as featured product stories with stronger image priority, clearer framing, and a more editorial rhythm.

Wandrly
Unified trip workspace

Travel planning breaks down when itinerary generation, budgeting, route review, documents, and collaboration all live in separate tools.

01AI Travel Platform

Wandrly

A full product workspace for intelligent trip planning with collaboration, budgeting, packing, journaling, and public sharing.

Role

Full-stack product build, AI workflow design, app architecture

Why it matters

This is the strongest product case study because it shows real SaaS thinking: multi-role workflows, AI integration, modern auth, shareability, and deep feature architecture.

Next.js 15TypeScriptPrismaPostgreSQLNextAuth
DevCompanion
Contextual assistance

Developers often leave their working context to ask for help, which breaks focus and makes mentorship feel disconnected from the code itself.

02AI Developer Tool

DevCompanion

A code-mentor prototype pairing an editor-centric frontend with backend AI assistance and snapshot-aware workflows.

Role

Product concept, full-stack architecture, tooling UX

Why it matters

It proves applied AI product thinking beyond chat wrappers by focusing on contextual workflows and interface clarity.

Next.jsExpressMonacoMongoDBOpenAI-ready
Nexa Commerce
Branded shopping flow

The store experience needed stronger purchase confidence, a cleaner cart journey, and a better foundation for scaling operations.

03Full-Stack Commerce

Nexa Commerce

A MERN commerce build focused on trust, merchandising clarity, and admin-side management flexibility.

Role

Frontend architecture, product UX, backend integration

Why it matters

This case study demonstrates commercial UX thinking and shows I can move between buyer experience and operational tooling.

ReactNodeMongoDBJWTStyled Components
Helpdesk System
Interactive support workflow

Internal tools often feel unfinished or static, even though support teams need clarity, state, and usable task flows.

04Workflow Dashboard

Helpdesk System

A routed support operations app with dashboard views, auth screens, ticket management flows, and persistent local-state behavior.

Role

Frontend system design, workflow UX, application structure

Why it matters

It shows system-level UI thinking with multiple pages, CRUD flows, and app-state design instead of only marketing surfaces.

ReactViteReact RouterCSSlocalStorage
Advanced stack

A constellation of advanced skills
and a motion-driven timeline.

The stack is shaped like a connected field of craft, engineering, and interaction systems instead of a flat wall of tools.

2024

Wandrly Product Build

2025

AI Tooling Experiments

2026

Commerce and Dashboard Systems

2027+

Motion-Driven Frontend Craft

Start a conversation

Let's build something sharp, modern, and hard to ignore.

Share the brief and I will help shape the right direction, interaction approach, and frontend scope for the build.

ResponseReplies within 24 hours for serious project inquiries.
AvailabilityAvailable for freelance frontend, portfolio, SaaS, and product UI work.
rishut681@gmail.comNew Delhi, India
Project inquiry

Share the brief and I'll shape the right direction, interaction approach, and build scope.