new-project-f8edd34c

byKavish Nagpal

Create a cinematic interactive product experience website for a Product Experience Analyst. I will provide a PDF resume (use as the single source of truth) and my portrait. The website should feel like a premium OS journey: sections include Identity, UX Lab, Analytics Lab, Automation Lab, and immersive project case studies. Use cinematic transitions, 3D elements, and ensure smooth scrolling. No fake AI visuals—everything should feel like an extension of my expertise. The final output should be responsive, fast, and deployable.” 2. Design System & DNA: Define colors, typography, spacing, and motion rules. Decide on your visual style—dark, premium, minimal. State what kind of 3D or interactive elements define your “brand feel.” 3. Recruiter Psychology: Clarify the emotional journey: curiosity → trust → respect → “I need to interview this person.” 4. Visual Direction: Describe how each section should “feel”—elegant for identity, data-driven for analytics, dynamic for automation. 5. UI System: Define buttons, cards, grids, and their states—hover, active, disabled. 6. Development Guide: Mention which framework (e.g., Next.js) and how components are structured. 7. Animation Specs: Detail which transitions are GSAP-driven, scroll-based, or on-hover. IMPORTANT: Do NOT copy this design. Do NOT recreate this layout. Do NOT clone this UI. Treat the attached image only as a visual quality benchmark and design language reference. The final website must be completely original. ========================================================= PROJECT Build a world-class personal product experience website. This is NOT a portfolio. This is NOT a landing page. This is NOT a resume website. This is an interactive Product Experience Operating System. The website itself should become my strongest project. ========================================================= SOURCE OF TRUTH I will provide: Resume PDF My portrait photo The Resume PDF is the ONLY source of truth. Never invent: • companies • experience • skills • timeline • education • projects • achievements • contact information Read the entire PDF before writing any code. The portrait is my real identity. You may improve: • clothing • lighting • color grading • composition • cinematic styling Never modify: • face • hairstyle • beard • facial structure • identity ========================================================= WHO I AM Position me as: Product Experience & Intelligence Engineer NOT UX Designer NOT Data Analyst NOT Automation Engineer I combine UX Strategy ↓ Product Analytics ↓ Business Thinking ↓ AI Automation ↓ Decision Intelligence ↓ Product Execution ========================================================= DESIGN LANGUAGE Use the attached image ONLY for inspiration. Extract only: • premium spacing • visual hierarchy • glass treatment • typography quality • dark luxury aesthetics • component consistency • dashboard presentation • premium composition Do NOT copy: • layout • hero • cards • typography arrangement • navigation • section ordering The final result must feel handcrafted. ========================================================= VISUAL STYLE Think Apple Linear Vercel Stripe Vision Pro Bloomberg Terminal Premium Executive Software NOT Cyberpunk Gaming Template Behance clone Dribbble clone ========================================================= WEBSITE EXPERIENCE Scrolling should feel like moving through different applications inside one operating system. Every section should feel like entering another workspace. Never feel like stacked webpage sections. ========================================================= SECTION ORDER Boot Experience ↓ Identity ↓ How I Think ↓ UX Intelligence Lab ↓ Analytics Command Center ↓ Automation Engine ↓ Product Systems ↓ Case Studies ↓ Business Impact ↓ Technology Stack ↓ About ↓ Contact ========================================================= HERO The attached portrait should become the visual centerpiece. Large. Premium. Editorial. Executive. Confident. Behind the portrait create a believable premium workspace. Large monitor. Executive dashboards. Research wall. Automation diagrams. Ambient lighting. Desk. Notebook. Real working environment. It must look like someone building products. Not posing for LinkedIn. ========================================================= PROJECTS Use my real projects from the Resume PDF. Improve their presentation. Do NOT invent fake companies. Where visuals are missing: Create original concept visuals. They must feel believable. They must NOT look AI generated. Each project must include: Problem Research Analytics UX Automation Business Impact ========================================================= UX LAB Show Journey Maps Research Boards Wireframes Sticky Notes Personas Usability Testing Information Architecture Everything should feel photographed or handcrafted. ========================================================= ANALYTICS LAB Create enterprise-quality dashboards. Power BI quality. Executive KPIs. Funnels. Forecasts. Behavior Analysis. Retention. Heatmaps. Realistic charts. ========================================================= AUTOMATION LAB Show n8n Make Zapier AI Agents Workflow Graphs API Connections Decision Pipelines No fake glowing lines. Everything should feel technically believable. ========================================================= MOTION Apple-quality motion. Natural easing. GSAP-quality transitions. Camera movement. Soft parallax. Depth. Glass reflections. Micro interactions. No flashy animations. ========================================================= 3D Use 3D only where it communicates meaning. Dashboard layers. Floating workspace. Data cubes. Glass panels. Architecture models. Avoid unnecessary decoration. ========================================================= TYPOGRAPHY Editorial. Large. Confident. Minimal. Readable. ========================================================= RECRUITER EXPERIENCE Within 5 seconds the recruiter should understand: "This person understands products." Within 20 seconds: "This person connects UX, Analytics and AI." Within 60 seconds: "I want to interview this person." ========================================================= FINAL QUALITY CHECK Before finishing, review the website as: • Principal Product Designer • Creative Director • Apple Interaction Designer • Hiring Manager • Founder • Awwwards Judge If any screen feels generic, delete it, redesign it, repeat. The final experience must feel like a handcrafted premium digital product—not an AI-generated portfolio. Ensure every pixel breathes with intentionality and human-centric nuance.