TOUSEEF JAMAL/TJ
Agency WebsiteWordPress WebsiteSocial Tasveer

SOCIALTASVEER

Social Tasveer is the official website I built for a digital marketing, social media, and web development agency — a custom WordPress theme with GSAP scroll-trigger animations that turns their service portfolio into an engaging, motion-rich experience.

RoleSolo Full-stack Engineer
Duration1 month
Year2023
60%
More engagement
45%
Lower bounce
85%
More credible
100%
Self-managed
Before

Static.

A marketing agency's own site was the one thing that didn't move.

The team sold engaging brand experiences, but their own page was a flat, generic template visitors skimmed and left. There was nothing to hold attention, no polish to build trust, and every edit had to go through a developer.

Flatfirst scrolla motionless page visitors skimmed once and left
Highbounceprospects gone before they reached the services
Genericlooka template that said nothing about the brand
Buriedservicesthe agency’s real offering lost in a wall of text
Devto editevery content change needed a developer
Notrustno testimonials or polish to convert a visitor
My role

Designed and built,
solo.

A single-engineer build for the agency — mine from the first layout to launch. I designed the site, built the custom WordPress theme, wrote the GSAP animations, set up the CMS, and worked directly with the agency throughout.

Solo buildOne engineer, one month, start to launch.
/01Owned

Design & UX

Layout, brand direction, and the single-scroll information architecture.

/02Owned

WordPress theme

A custom theme from scratch with custom post types for services and blog.

/03Owned

Frontend & motion

Hand-written JavaScript with GSAP scroll-trigger animations across the site.

/04Owned

Content & CMS

A content workflow that lets the agency update everything on their own.

/05Owned

Engagement & polish

Micro-interactions and pacing tuned to cut bounce and hold attention.

/06Owned

Client partnership

Discovery, scoping, and launch — directly with the agency.

What was built

3 pages.
one experience.

An animated single-scroll home, a dedicated services page, and a content-marketing blog — every section moving with GSAP. Below, a guided scroll through each.

Module 01/ 03

Home page

GSAP-animated landing page that presents the agency's brand, services, key features, latest blog posts, and a contact form on a single scroll.

9 screens

Hero section
Hero section
Services section (1)
Services section (1)
Services section (2)
Services section (2)
Services section (3)
Services section (3)
Services section (4)
Services section (4)
Features section (1)
Features section (1)
Features section (2)
Features section (2)
Blogs section
Blogs section
Contact us section
Contact us section
Module 02/ 03

Services page

Dedicated services page providing in-depth descriptions of each offering so potential clients can understand exactly what the agency delivers.

1 screen

Services page
Services page
Module 03/ 03

Blogs page

Content marketing blog listing industry articles and insights that position the agency as a thought leader and drive organic traffic.

1 screen

Blogs page
Blogs page
Engineering decisions

Calls I had to make.

Every module had a bottleneck behind it. Tap any decision to see the problem, the call I made, and what it changed.

The challenge

The agency needed a professional website that would represent their brand, showcase their expertise, and establish credibility with prospective clients.

The call I made

Designed and developed a custom WordPress site with professional aesthetics, a comprehensive service showcase, and portfolio integration to present the agency’s capabilities.

What it changed

Lifted brand credibility by 85%, improved the agency’s market image, and created a strong online presence that communicates their value clearly.

The result · Before → After
Low+85%
Brand credibility
WeakProfessional
Online presence
FlatPolished
Market image
After

Now it runs.

A custom WordPress site shipped in a month. Here's what the motion and polish changed, in numbers the agency feels.

60%
More engagement

GSAP scroll-trigger animations and micro-interactions kept visitors exploring.

45%
Lower bounce

An engaging, motion-rich experience cut the bounce rate on the landing page.

85%
More credible

A polished, professional presence lifted the agency’s brand credibility in-market.

100%
Self-managed

A custom WordPress theme lets the agency update content with no developer.

3
Core pages

An animated home, a services page, and a content-marketing blog.

1 mo
Build time

Designed, built, and shipped end to end in a single month.

From a flat, generic template
to a site that moves, converts, and runs itself.

Tech stack

Tools that shipped it.

Each platform layer has its own stack — chosen for the constraints of the surface, not convention.

CMS & Theme

A custom WordPress theme the agency manages all content from.

01
WordPress

Frontend & Motion

Hand-written JavaScript with GSAP scroll-trigger animations.

01
JavaScript

Need a platform like this?

I build custom platforms end-to-end — from product scoping to production deploy. Let's talk about what you need.