Welcome to World Of Imagination

Hi, I'm
Smokey Media Animation Studio

Designer, Artistic & Creative

Real projects Real results Watch our animation characters and productions come to life from safety training films to cinematic 3D storytelling.

Get In Touch

Featured Projects

Open Source Portfolio Template

Open Source Portfolio Template

Community

3D Environment Study

3D Environment Study

Personal Work

Photography Workflow App

Photography Workflow App

Side Project

Personal Design System

Personal Design System

Side Project

1 / 4

Get to know We

About Us

Smokey Media Pvt. Ltd. is a professional 3D animation studio founded in 2020, backed by more than 12 years of industry experience. We started our journey by providing 3D modeling services to small businesses and gradually expanded into a full-service animation company. Today, Smokey Media provides a wide range of 3D animation services, including kids’ content, TV commercials, corporate videos, safety animations, and professional training videos. Our team focuses on creating engaging visual content that helps businesses explain ideas, products, and processes clearly.With a combination of creativity, storytelling, and technical expertise, we help brands, organizations, and businesses turn their concepts into high-quality animations that capture attention and communicate messages effectively.


Role

Creative Professional

Location

Karachi, Sindh

Experience

5+ Years of Experience

Education

What I do

Expertise

Design & Art Direction

Visual identity, layout, typography, and the aesthetic decisions that make people stop and look twice. Whether print or screen, the goal is the same — work that holds up.

Web Design & Development

From wireframe to deployment — building sites and apps that look considered, perform well, and give visitors exactly what they came for.

Creative Freelance

Independent project work in photography, video, 3D, illustration, or wherever the brief leads. Direct to work with, flexible, and invested in the outcome.

Collaboration & Direction

Working alongside teams, clients, and stakeholders to take a project from idea to shipped — clear communication, honest timelines, and work that actually gets done.

What I work with

Technical Arsenal

Design & Illustration

Figma
Figma
Photoshop
Photoshop
Illustrator
Illustrator
Blender
Blender
Sketch
Sketch

Web & Frontend

HTML5
HTML5
CSS3
CSS3
JavaScript
JavaScript
TypeScript
TypeScript
React
React
Bootstrap
Bootstrap

Motion, 3D & Video

Three.js
Three.js
After Effects
After Effects
Premiere Pro
Premiere Pro
Photoshop
Photoshop

Platforms & Publishing

WordPress
WordPress
Drupal
Drupal
Hugo
Hugo
AWS
AWS

Dev & Workflow Tools

Git
Git
GitHub
GitHub
Bash
Bash
Markdown
Markdown

Data & Infrastructure

SQLite
SQLite
Nginx
Nginx
Docker
Docker
Prometheus
Prometheus

My portfolio

Portfolio

Projects across different fields and clients.

Brand Identity & Visual System

Brand Identity & Visual System

A complete brand overhaul for a growing company — logo, typography, color system, and a style guide built to scale. Designed for flexibility without sacrificing cohesion.

3 screens
Branding
Interactive Web Experience

Interactive Web Experience

A custom-built site blending editorial layout with smooth scroll interactions and motion. Designed in Figma, built in code, and optimized down to the frame.

3 screens
Web Design
Short Film & Motion Piece

Short Film & Motion Piece

A two-minute visual essay combining original footage, 3D elements, and motion design. Shot, edited, and scored independently — start to finish in three weeks.

2 screens
Video

My work

Featured Projects

Community

Open Source Portfolio Template

The template you're looking at right now. Built with Astro, fully data-driven, and designed to be claimed by anyone. Fork it, fill it, ship it. All placeholder content is waiting for yours.

AstroTypeScriptTailwind CSSOpen SourceTemplate

Personal Work

3D Environment Study

A series of Blender scenes exploring lighting, texture, and atmosphere — no narrative, just craft. Rendered in Cycles, post-processed in Photoshop, shared as a study in patience and iteration.

Blender3D ModelingLightingCycles RenderPhotoshop

Side Project

Personal Design System

A living component library built for personal and freelance use. Design tokens, reusable components, and documentation that travel from project to project — no starting from scratch every time.

FigmaCSSTypeScriptDesign SystemsComponent Library

Side Project

Photography Workflow App

A lightweight local web app for managing shoot intake, selects, and client delivery — replacing a patchwork of folders, spreadsheets, and emails with a single tool built for the way I work.

ReactSQLitePhotographyWorkflowNode.js

Credentials

Certifications

Certification Professional Development In Progress

Google UX Design Certificate

Earned

Google / Coursera

Seven-course program covering UX research, wireframing, prototyping, and usability testing. Emphasis on human-centered design principles and building accessible, inclusive user experiences.

May 2026 No link available

Freelance Business Foundations

Earned

CreativeLive

Business-side program covering client acquisition, proposal writing, contracts, pricing strategy, and scope management. A practical toolkit for running an independent creative practice.

December 2025 No link available

Motion Design with After Effects

Completed

School of Motion Course

Motion principles, keyframe animation, easing curves, and compositing applied to title sequences, UI animations, and explainer video production.

August 2024 No link available

3D Art for Real-Time Engines

In Progress

Unity Learn / Epic Games

Bridging offline rendering knowledge with real-time constraints — optimizing assets, baking maps, and building environments in Unreal Engine for interactive and immersive projects.

Target: Q3 2027 Actively Studying

Creative Coding & Generative AI

In Progress

Domestika / Runway

Exploring the intersection of code, generative models, and visual art — building interactive installations, AI-assisted design tools, and procedural media for web and physical spaces.

Target: 2028 Actively Studying

Take a Look

Projects & Ventures

Two sites to visit more of my work.

Client Work

YourStudio.co

A dedicated space for client work — branding, web builds, campaigns, and everything in between. Full-service creative from concept through delivery, built on clear communication and no surprises.

  • Brand Identity & Visual Systems
  • Web Design & Development
  • Campaign Creative & Direction
View Studio Work
Side Project

YourProject.io

A personal project built to scratch an itch — self-hosted, self-managed, and entirely my own problem to maintain. Independent, opinionated, and shipped without a committee.

  • Self-Hosted & Fully Independent
  • Iterating in Public
  • Built for One Person: Me
Check It Out

Contact me

Let's talk.

Location

Karachi, Sindh

Where Else You Can Find Me: