S O A D

SCHOOL OF ART AND DESIGN
SUPERIOR UNIVERSITY, LAHORE

Project Showcase

We’re Not Just Designers. We’re Brand Pyrotechnicians.

About us Demo

At Explode Creative, we are committed to taking bold ideas and transforming them into powerful brand experiences. Through strategy, design, and innovation, we solve important challenges for our clients.

Contemporary Room Workplace Office Supplies Concept

Untitled-1

Our Story

We don’t believe in playing it safe. Design should make noise, turn heads, and spark conversations. At Explode Creative, we craft brands that don’t just exist—they explode with energy, impact, and purpose.

We Turn Ideas into
Explosive Brands .

We are experts in Brand Identity, Brand Strategy, Creative Direction, User Interface Design (UI/UX), Web Development, Motion Graphics, 3D Graphics, Animation, Stationery, Packaging, Production Management, Photography, Video, Illustration, Signage and Creative Copywriting.

Our Core Beliefs

Creativity Should Be Loud –
Bold ideas make the biggest impact.

Strategy Fuels Design – Every detail is
intentional, every move is calculate

Brands Should Explode – We create unforgettable
identities that leave a lasting mark.

top

document.addEventListener('DOMContentLoaded', function () { var hero = document.querySelector('.bridge-hero'); if (!hero) return; // 1) Letters ko animate karo jab hero viewport mein aaye var observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { hero.classList.add('show-rest'); // o, a, a, d slide in } }); }, { threshold: 0.4 }); observer.observe(hero); // 2) Scroll ke hisaab se big S ko grow karo (Bridge style) function handleScroll() { var rect = hero.getBoundingClientRect(); var windowHeight = window.innerHeight || document.documentElement.clientHeight; // hero ka top screen ke kis hisse par hai var triggerLine = windowHeight * 0.35; // screen ke 35% height par line if (rect.top < triggerLine && rect.bottom > triggerLine) { // user hero ke beech mein hai → S bohat bada hero.classList.add('big-letter'); } else { // upar ya neeche chala gaya → normal size hero.classList.remove('big-letter'); } } window.addEventListener('scroll', handleScroll); handleScroll(); // page load par bhi check });