Framer Animated Gallery | Scroll-Based Interactions
Built a custom animated gallery component for Framer focused on immersive scroll interactions and visual storytelling.
The gallery stays pinned while images smoothly expand into a featured view, with optional video support and fully customizable animation, spacing, playback, and layout controls.
Built for portfolios, real estate, architecture, photography, travel, products, and other visual-first websites.
What I built
• Custom Framer animated gallery component
• Scroll-driven image transitions
• Pinned gallery interaction
• Smooth featured-image expansion
• Video support with playback controls
• Custom animation easing and stagger controls
• Responsive and scalable layout
• Fully configurable Framer property controls
• Developer-friendly component structure
The goal was to turn a standard image gallery into a more immersive storytelling experience without requiring users to edit code.
City of Bennington Website
I worked on the City of Bennington website, which was built using WP Bakery. The project focused on improving the website’s functionality and user experience by creating new custom WP Bakery elements and adding custom CSS and JavaScript to make the site smoother and more user-friendly.
Key Contribution: Developed custom WP Bakery elements and tailored CSS/JS enhancements to improve flexibility, usability, and overall site performance.
Best part: Creating custom solutions that made the website easier to use while keeping the experience clean, smooth, and accessible for visitors.
1
306
I just finished my new personal hero page.
The part I'm most excited about is the 3D character. As you scroll, it plays out frame by frame, so you're basically controlling the animation with your scroll wheel. It also reacts to your mouse, which makes the page feel alive the moment you land on it.
What I focused on: - A 3D character that moves as you scroll - A clean black and white look with nothing extra on the page - Plus Jakarta Sans for the main text, with a cursive font for a personal touch - Small pill buttons like Pitch us an idea and Loved your work. - One click to copy my email Built with React, TypeScript, Vite, Tailwind CSS and Lucide icons.
The character animation runs as a frame sequence drawn on canvas. I dont think a personal website should be a static resume. It should show your taste and your craft before anyone reads a word about you. I build WordPress and WooCommerce sites for clients too, with a team of developers and designers behind me. If you have a project in mind, lets talk. Have a look and tell me what you think. And if you're building something interesting right now, Id love to hear about it.
1
89
Just wrapped up a fun one for a pet care brand 🐾
The goal was simple: make their online store feel less like a standard product grid and more like a place people actually enjoy browsing.
A few things I really liked working on:
🐱 A cursor-following kitten mascot with little reactions when you click it.
🎨 An editorial-style design with warm terracotta, deep spruce tones, and clean typography.
🎥 Vertical video reels built directly into product cards, bringing real customer content into the shopping experience.
✨ Small interactions throughout the site, from floating hero cards and brand marquees to seasonal carousels and quick-add feedback.
The technical side matters, of course. Performance, responsiveness and clean code are expected.
But I think the little details are what make a website memorable.
Sometimes it's that extra 5% that has nothing to do with the conversion funnel and simply makes someone smile.
How much room do you leave for those little moments when building client websites?
#WebDevelopment #UIUX #Ecommerce #WordPress #WooCommerce #FrontendDevelopment #ClientWork #Website #ResponsiveWebDesign
2
4
420
What if something is always watching?
I’ve always been fascinated by the cosmos, the unknown, and the things we can’t explain. So I turned that fascination into Existence, a cosmic web experience built around the idea of the All-Seeing Eye.
It follows you. Watches you. So… be careful out there. You’re never really alone. 🌌
Tech Stack:
Three.js, WebGL, Vanilla JavaScript, HTML5, CSS3, Tailwind CSS
Built with a custom Event Horizon Design System to bring the dark, immersive aesthetic to life.
A full-featured e-commerce platform built for one of Hong Kong's most trusted pet stores — bridging the gap between a beloved local shop and a scalable online retail experience. The platform needed to handle a large product catalog, multiple service offerings, and a loyal customer base, all within a seamless and intuitive shopping experience.
Built on Shopify with heavy customization to support the complexity of a multi-category pet care ecosystem — from frozen raw food to vet diet products and in-store service bookings.
What Was Built
→ Custom Shopify storefront with tailored UI components across hundreds of product listings
→ Advanced product filtering and categorization system for dogs, cats, healthcare, and brands
→ Subscription and save flow integrated for repeat purchase products with automated billing
→ VIPaws loyalty membership system with tiered rewards and member-exclusive pricing
→ Product bundling and gift subscription features for promotional campaigns
→ Multi-location store finder integrated with opening hours and service details
→ Service booking integration for grooming, self-dog wash, and café reservations
→ Performance-optimized pages with fast load times across large catalog pages
→ Mobile-first responsive design for on-the-go pet owners
3
272
One of India's leading online supplement stores, built around one core promise — authentic products at honest prices. With 800,000+ app downloads and 5000+ reviews averaging 4+ stars, it has earned the trust of fitness enthusiasts across the country.
Whether you're a beginner starting your fitness journey or an experienced athlete pushing limits, every stage of your goal is covered — from muscle building and weight gain to recovery, performance, and overall wellness.
The platform believes in holistic health — not just aesthetics. Ancient practices like yoga and meditation combined with the right nutrition create a balance between physical performance and long-term wellbeing. Supplements are an addition to your diet, not a replacement.
What's Available
→ Whey Protein & Isolate Powders
→ Mass Gainers & Weight Gainers
→ Pre-Workout & Post-Workout Supplements
→ Multivitamins, BCAA, Creatine & Amino Acids
→ Fat Burners, Omega 3, ZMA & Sleep Support
2
201
A clean, modern website built for a dental clinic in Edmonton, Canada. The goal was to create a digital presence that feels as comfortable and trustworthy as walking into the clinic itself — turning first-time visitors into booked appointments through thoughtful design and a clear user journey.
Dental websites often fall into two traps — either too clinical and cold, or too generic and forgettable. This one was built to avoid both. Every design decision, from the color palette to the page structure, was made with one goal in mind: make the visitor feel at ease and make it effortless to take the next step.
The Build
The site was architected as a multi-page experience covering everything a new patient needs before their first visit — services, team introductions, office details, reviews, and an easy path to book. The information hierarchy was carefully planned so that nothing feels overwhelming, and every page naturally guides the user toward conversion
Special attention was given to mobile performance, since a large portion of local service searches happen on mobile. The responsive layout adapts cleanly across all screen sizes without losing the visual quality of the desktop experience.
The blog and reviews sections were built with long-term growth in mind — giving the clinic a platform to publish patient education content and collect social proof over time, both of which contribute to local SEO and ongoing trust-building.
What Was Built
→ Fully responsive multi-page website optimized across all devices
→ Conversion-focused layout with clear appointment booking flow
→ Services page structured to educate and reassure new patients
→ Blog section for patient education and ongoing SEO content
3
282
Most rental platforms show you a list of properties and leave you to figure out the rest. This platform was built differently — as a complete vacation experience, not just a booking tool.
Designed for premium coastal properties, it connects travelers with their ideal beachfront stay through intelligent matching, immersive exploration, and end-to-end trip planning — all in one place.
What Was Built
→ AI-powered property matching that surfaces the right rental based on traveler preferences, dates, and budget
→ VR property tours allowing guests to explore spaces before booking
→ Dynamic pricing engine that adjusts rates in real time based on demand, season, and availability
→ Integrated concierge system for personalized guest support throughout the stay
→ Activity booking and local attraction integrations built directly into the guest experience
→ Personalized vacation planning tools that turn a simple rental into a full itinerary
The Outcome
A scalable, full-featured rental ecosystem that does two things exceptionally well — simplifies luxury property management for owners, and creates tailored, memorable beachfront experiences for every traveler.
Built to handle growth, built to impress guests, and built to make every coastal stay feel like it was designed just for them.
I.D. Me Promotions is a B2B e-commerce platform that provides customized promotional products for businesses, corporate events, trade shows, and marketing campaigns. The platform allows customers to browse thousands of branded products, search by category, request quotes, personalize products with company logos, and manage orders through an intuitive and responsive interface. The website focuses on delivering a seamless shopping experience with advanced product management, secure user accounts, and optimized performance.
Key Responsibilities
Developed responsive web pages using HTML5, CSS3, Bootstrap, and jQuery. Built dynamic web modules using PHP and the Symfony Framework. Implemented product catalog, category, and search functionality. Developed reusable frontend components for better maintainability.
0
91
I built CheckedIn for the Bubble Free-For-All Challenge — a lightweight safety net for anyone doing something alone: a first date, a solo run, a walk home, a rideshare.
You start a timed session with your emergency contacts. Check in before the deadline and nothing happens. Miss it, and your contacts are automatically notified with your last known location — no manual texting, no relying on memory in the moment.
Built entirely in Bubble — workflows drive the check-in state machine (active → pending → resolved/alert), with a "Signal & Calm" design system where color itself communicates status: teal for safe, amber for pending, and coral reserved only for real alerts.
Full walkthrough in the video below. Would love your feedback 👇
2
256
The Upsara Spa — Social Media Campaign | Glow & Flow Luxury Wellness Design
Short Project Description
A premium social media campaign design created for The Upsara Spa, focused on promoting a luxury wellness experience. The design blends soft neutral tones, elegant typography, and botanical visuals to create a calming and high-end digital presence. This post is optimized for Instagram and digital marketing, highlighting relaxation, beauty, and self-care.
0
64
Developed responsive user interfaces using React.js, Next.js, and Tailwind CSS. Built reusable and modular React components. Integrated REST APIs for dynamic content and internship listings. Implemented responsive layouts for desktop, tablet, and mobile devices. Optimized website performance and SEO using Next.js features. Enhanced page loading speed through image and code optimization.
Web Designer | WordPress, HTML/CSS & Responsive Design
Web Designer | WordPress, HTML/CSS & Responsive Design
SwipeMetal Website Refresh – Minimalist Elementor Redesign
The original website failed to reflect the premium quality of custom metal cards, leading to lower conversion rates and poor mobile engagement.
Elementor Build: Developed flexible, modular Elementor page layouts ensuring smooth and fast rendering.
Conversion Optimization: Strategic CTA placements directly below key product highlights to capture immediate buyer intent.
A polished, modern digital storefront that elevates the SwipeMetal brand image, enhances user engagement, and offers an effortless shopping experience.
0
66
Eco-Friendly Tableware – Responsive Elementor B2B Landing Page
The client needed a premium, sustainable brand landing page to showcase eco-friendly tableware (Areca Leaf & natural materials) to international wholesale buyers while building instant supply-chain trust.
Designed and developed a clean, minimalist WordPress landing page using Elementor. Focused on high-end editorial typography, an earth-tone color palette, clear product catalog showcases, and a prominent B2B inquiry form for direct buyer conversion.
0
60
Fully In Balance – Responsive Blog Hub & Editorial Layout
Designed and developed a responsive, high-readability blog hub tailored for editorial content and community engagement.
Hero Featured Post: High-converting layout section to highlight top editorial pieces.
Dynamic Blog Grid: Structured, category-filtered article listing.
Lead Capture Integration: Seamlessly integrated newsletter sign-up blocks within the reading flow.
100% Mobile Responsive: Pixel-perfect layout adaptation across all mobile devices.
0
72
Full Redesign & E-Commerce Optimization for Swft
Redesigned the entire digital experience for SwftConnect, modernizing the brand interface using Elementor and introducing custom e-commerce features (bulk pricing and multi-currency support) to boost global conversions and streamline wholesale orders.
SwftConnect's original website suffered from an outdated layout, slow user journey, and limited purchase options for international and wholesale buyers.
Outdated UI/UX: Navigation was fragmented, leading to higher bounce rates.
Single Currency Friction: Global customers faced price confusion at checkout.
Lack of Bulk Ordering: B2B and high-volume buyers had no direct way to order in bulk with tiered discounts.
1. Full Site Redesign (WordPress + Elementor)
Built a clean and responsive layout tailored to modern design standards.
Optimized site architecture for fast load speeds, seamless navigation, and clearer calls-to-action (CTAs).
2. Multi-Currency Support Integration
Configured automated multi-currency switching based on user location to eliminate checkout friction for global shoppers.
3. Custom Bulk Pricing Engine
Implemented dynamic tiered bulk pricing tables directly on product pages, encouraging higher average order values (AOV) for wholesale and high-volume clients.
WordPress • Elementor • WooCommerce • HTML/CSS • Responsive Design • WooCommerce Optimization