Vishal Mishra's Work | ContraWork by Vishal MishraVishal Mishra
Next.js & Shopify Developer for Startups & Small Businesses
Vectora: a concept website for a creative agency
I designed and built Vectora as a concept site for a creative studio, to show the kind of bold, animation-heavy agency websites I can deliver for clients. The studio, brands and results on the site are fictional.
The goal was a site that grabs attention in the first few seconds and still feels fast and easy to use.
What I built:
A multi-page Next.js site with Home, Services, Portfolio, About, Blog and Contact pages
A big hero section with layered typography and scroll-triggered reveals
Lenis smooth scrolling and scroll-driven animations that guide the visitor down the page
An auto-scrolling showcase of portfolio projects (Lumea, Skyfold, Wayfarer, Northbridge and more), each linking to its own case study page
Service cards, a blog section and a clear “Book a Consultation” call to action
A fully responsive layout, deployed on Vercel
This project was a good chance to push motion design while keeping performance and readability in check. Animation should guide the visitor, not distract them.
Live: vectora-studio.vercel.app
(http://vectora-studio.vercel.app)Need a site like this for your agency or brand? Message me. I'm currently working on building a portfolio website for a digital studio from India.
They have provided me the figma design and I'm developing this website using NextJs and PayloadCMS for handling their casestudies page and blog page.
This website is highly interactive and animated I'm using GSAP as well as motion for achieving all the animation.
Currently done with Homepage and service page. I'll be sharing the complete website once I'm done with its development.
This website will soon be added on my portfolio along with other amazing projects that I have worked on.
I'm also currently available for work on a new website. Feel free to message me.
Portfolio: https://mishravishal.in/ Built a full-stack eCommerce experience for a skincare startup
This was more than just a website. It was about creating a smooth, conversion-focused shopping experience for a growing skincare brand.
What I worked on:
• Customised a Webflow template into a fully unique design
• Developed the frontend using Next.js for performance and scalability
• Integrated Shopify via Storefront API for seamless product management
• Implemented Razorpay for secure and smooth payments
• Ensured full responsiveness across all devices
From design customisation to backend integrations, this was a great hands-on experience in building a production-ready eCommerce platform. I recently developed and launched a portfolio website for a digital media agency from Bangalore: https://sequentmediahouse.com/
The website was built using Next.js 16, TailwindCSS, GSAP, and Motion, focusing on smooth animations and fast performance.
Some interesting features I implemented in this project:
• Section overlap animations starting from the center of the screen
• Cursor-based image trail interactions
• Parallax-style row animations
• Smooth motion-based transitions
• Optimized images and videos for faster loading
For the contact form, I integrated EmailJS, allowing form submissions to go directly to the client's Gmail inbox.
Deployment was an interesting learning experience as well.
Initially, I hosted the website on Hostinger shared hosting, but the performance was slow even with CDN enabled. I then experimented with Cloudflare Pages for its unlimited bandwidth, storage, and global CDN.
However, the client preferred Vercel for its seamless Next.js optimization and performance, so the final deployment is currently on Vercel.