Build a futuristic, cinematic-level personal portfolio website for Harsh Zaveri, a freelance app and website developer from Mumbai, India.
The website must not look like a typical portfolio or corporate page. It must feel ultra-modern, animated, and visually alive — something that feels light years ahead of normal websites.
Goal: Impress tech companies, startup founders, and high-end clients instantly with a website that looks like a top-tier digital product itself.
🔥 Design and Visual Style: Use next-gen animations — not just smooth scrolling or hover effects — but full storytelling animations, 3D motion, scroll-linked dynamic effects, interactive elements, parallax movements, and depth layers.
Implement immersive cinematic transitions between sections/pages (for example, page loads could feel like camera pans, zooms, or slides).
Micro-interactions everywhere (hovering over text, cards, buttons should trigger subtle futuristic ripples, shines, or particle effects).
Optional: Use WebGL effects, shaders, or canvas-based animations if possible.
Smart use of liquid animations, motion blurs, dynamic lighting (dark/light play), and morphing SVGs.
Animated background with subtle moving particles, grids, or cosmic themes.
🎨 Styling: High-contrast and tech-focused color palette.
Primary Color: #01889F
(Teal/Blue)
Background: Dark (#0A0A0A
) with gradient layers or dynamic backgrounds.
Accent Colors: Neon Yellow (#FFDC00
), Electric Blue, or Cyber Purple shades.
Fonts: Futuristic sans-serifs like Sora, Space Grotesk, Aeonik, or Inter.
Neumorphism or slight Glassmorphism accents (glassy blurred cards, shiny panels).
UI Style Inspired by: Framer, Linear.app, Apple Vision Pro Website, Stripe 2024 Site, Spline, and futuristic indie websites.
🗺️ Pages and Structure: Home (Landing)
Cinematic welcome animation with headline:
"Hi, I’m Harsh Zaveri — Crafting Future-Ready Apps and Websites."
Animated intro about Freelance Developer + Student Engineer.
Short animated skill badges flying/appearing dynamically (Flutter, React, Firebase, Shopify, WordPress).
CTA Button: "Explore My Work" (with particle trail effect on hover).
About Me
Full immersive storytelling scroll:
My Journey (student + freelancer)
LinkedIn & GitHub live profile preview animations.
Technical skill badges with animated glowing outlines.
Projects
Each project as a cinematic 3D card that animates/expands on hover or click.
Featured Projects:
Khao - The App (Nutritional Food Info App)
HealthBuddy (Healthcare Platform)
NanoHack (Smart City Surveillance Car)
Market Minds (Stock Market Multiplayer Game)
Project cards must have animated transitions (open up like a mini-site when clicked, not just static).
Experience
Vertical timeline but animated like a digital holographic timeline (nodes glowing, connecting as you scroll).
Freelancing Projects + Internships listed dynamically.
Contact
Floating animated contact form (not static).
Options to connect via LinkedIn, GitHub, Email.
"Let's Build the Future Together" as closing call-to-action.
Optional (Bonus):
Experiments Page: Show playful small demos (e.g., 3D widgets, microprojects).
Download Resume button with futuristic download animation (like a teleport effect).
⚡ Advanced Features: Dark Mode by default, light mode toggle available.
Animated navbar that transforms as you scroll.
Loading screen: Animated futuristic logo or particles assembling "Harsh Zaveri."
Scroll-triggered sound effects (subtle clicks, swooshes optional but must be super polished, non-intrusive).
GSAP (GreenSock Animation Platform), Three.js, or Lottie integration recommended for top-tier motion graphics.
Performance Optimized — heavy effects but fast load time.
🌟 Overall Feel: The website must feel like you're entering a future tech universe.
Must give visitors instant trust that Harsh Zaveri is young, genius, reliable, innovative, and future-focused.
Site should feel expensive, luxurious, and meticulously crafted.
I'll create a futuristic, cinematic portfolio website for Harsh Zaveri that pushes the boundaries of web design. Let's build something that feels like stepping into a digital universe rather than just a portfolio.
This futuristic portfolio website for Harsh Zaveri features:
Cinematic Visual Experience
Advanced Animation Features
Key Pages
Technical Implementation
The design follows the requested color scheme with dark background (#0A0A0A
), teal primary color (#01889F
), and neon yellow accents (#FFDC00
), creating a high-contrast, tech-focused aesthetic that feels ultra-modern and visually alive.
okay so now the changes i want is in home screen where Hi, I'm Harsh Zaveri is written add a animation of like typing like it is being typed then below there the skills things of react flutter firebase etc remove from there also remove the github linkdein and mail things
there is no projects in featured projects or projects page make that in that all projects do not have images only some have so adjust the design in such a way
also now i only want home page projects page and experience and contact us page soo all things from about page and it in home page only
also in experience page it is very basic the timeline you created make it more animated and give effects on hover and all
I'll make these changes to create a more dynamic and streamlined portfolio website. Let's implement a typing animation for the name, reorganize the content, and enhance the animations.
I've made all the requested changes to your portfolio website:
Added Typing Animation
Removed Elements from Hero
Improved Project Cards
Streamlined Pages
Enhanced Experience Timeline
The portfolio now has a more dynamic and interactive feel with the typing animation and enhanced timeline effects, while maintaining the futuristic, cinematic design aesthetic.
Uncaught error: Uncaught SyntaxError: Unexpected token '<' see there are some error solve that then in hi, i'm harsh zaveri you added that blinking cursor but i want that when the page opens up it comes like typing Hi, I'm Harsh Zaveri
then in technical skills part add more skills:- next.js, node.js, react native, express.js, c ,c++, wordpress, mongodb, postgress, aws
the projects are not at all visible i will list all the projects below so based on that create the projects the design i want is like for first the project there is a text card give details about projects name tech use, app or web and a breif then on clicking a new popup comes with full details of project and in this pop show images if there are images below is the project list:-
Khao-The Food Scanner App Technologies Used: Flutter,Firebase Provides detailed insights into food ingredients, additives, allergens, and nutritional scores. Offers intuitive scanning and searching features for easy access to comprehensive reports. Tailors reports to users' health preferences and conditions. Enhances dietary choices with personalized warnings. Committed to continuous innovation for promoting overall well-being and transparency in the food system.
HomeSync — Smart Home Management App Flutter, Dart, Firebase, IoT Built a cross-platform smart home app for device control, room selection, and real-time monitoring. Focused on performance, daily usability, and easy adaptability ("Write Once, Run Everywhere"). Planned future features: voice/gesture control, ML-based anomaly detection, IoT monitoring, and carbon tracking.
3.CampusCore — Digital Learning Library & LMS Next.js, Gen AI
Built a next-gen campus-focused LMS offering structured courses and centralized content hubs to solve content overload and disengagement in hybrid education.
Implemented role-based onboarding, multimedia course creation, live dashboards, and mobile/desktop seamlessness (with offline access).
Designed powerful admin and moderation tools for user management, content control, and campus-wide performance tracking.
Created a real-time multiplayer quiz system to boost student engagement and collaborative learning.
Integrated live performance dashboards, seamless mobile/desktop experience, and support for offline play during unstable network conditions.
Focused on making quizzes competitive, social, and trackable at scale across campus environments.
Would you also like me to give more name options for each, in case you want to pick your favorite? 🎯 (Example: 3-4 more name ideas for each project.)
Tech Stack Frontend: Flutter Backend: Firebase SMS & Notifications: Twilio Payment Processing: Razorpay API, GPay API Features Appointment Scheduling: Users can schedule appointments with healthcare providers. Lab Test Booking: Book lab tests and manage test schedules. Prescription Management: Upload and manage medical prescriptions. Nutrition Information: Access detailed nutrition information for smarter dietary decisions. Notifications: Timely reminders and guidelines for scheduled appointments and lab tests. Health Library: Access articles on essential healthcare topics. Payment Integration: Integrated Razorpay and GPay APIs for easy payments. 6. nano hack:- NanoHack Developed NanoHack, an advanced smart city surveillance car with integrated vision and network surveillance capabilities to enhance urban safety Utilized face detection technology for real-time criminal identification, sending immediate alerts to local authorities to improve security response times Developed network surveillance features to detect and mitigate cyber threats such as DoS attacks, MITM intrusions, and Rogue AP attempts, reinforcing the city's security infrastructure Equipped the car with ultrasonic sensor for landmine detection and a robotic arm for versatile operations, providing support for public safety Integrated a microwave sensor and a payload system to improve the city's defense mechanisms Designed a self-annihilation feature to protect sensitive data and ensure system integrity during high-risk operations, maintaining security in vulnerable situations 7. Market Minds you elaborate on it i will just explain it is game simulating stock market in which we used flask to simulate the game so it is multiplayer games in which there some stocks with starting a start price then on a particular time interval we give some news and accordingly change the prices also based on users selling and buying the price of stocks are also manipulated
now in experience page i want this things
Internships:
Blackcurrant (Angular developer)
Aim4u (App development for KEM Hospital)
Freelance Projects:
Website development for Arham Academy
App for Vihar Management
Website maintenance for 2 companies now based on this create a great page that describes all things properly this is will be my main page where people will come and check my experience so create it perfectly