Category Custom WordPress Development
Project TypeBilingual Website + Animation
IndustryBranding & Creative Agency
Mac-Store24 — VersaCommerce to Shopify Migration | German Apple Reseller | MarkupMarvel

Mac-Store24 — VersaCommerce to Shopify Migration | German Apple Reseller | MarkupMarvel

Mac-Store24 is a German Apple products reseller that needed a complete platform migration from Ve...

Next case study project

Client Details:

TKWeen Creations is a premium branding and creative agency specializing in brand identity, product development, and creative direction — helping businesses move from concept to reality. Their clientele spans English and Arabic-speaking markets, making a fully bilingual digital presence essential. TKWeen needed a website that matched their premium identity — cinematic, animated, and pixel-perfect in both languages.

TKWeen Creations contact page with premium creative agency design — bilingual WordPress website by MarkupMarvel

Project Goals:

→ Build a fully custom WordPress website with no page builder — hand-coded from Figma, pixel-perfect
→ Implement full RTL Arabic support — mirrored layout, typography, spacing, and design system for Arabic readers
→ Create a cinematic fixed-window scroll experience — smooth, intentional, and brand-accurate throughout
→ Develop custom GSAP animations — on-load and scroll-triggered — without compromising performance
→ Deliver a bilingual content management system via WordPress — allowing the client to manage both language versions independently

TKWeen Creations agency process workflow page — hand-coded WordPress theme with GSAP animations by MarkupMarvel

 

The Most Animated WordPress Site We've Built — TKWeen in Action

Watch how MarkupMarvel hand-crafted TKWeen Creations — a cinematic, fully animated bilingual WordPress website with RTL Arabic support, custom GSAP scroll animations, and zero page builder shortcuts.

TKWeen Creations case study video — animated bilingual WordPress website with RTL Arabic support built by MarkupMarvel
play-btn

Bilingual WordPress Website Development — TKWeen Creations | MarkupMarvel

TKWeen Creations is MarkupMarvel's most technically complex WordPress project — a fully custom hand-coded theme with RTL Arabic support, GSAP animations, Lenis smooth scroll, and a cinematic fixed-window browsing experience. Built from Figma with zero page builder dependency, delivering a premium bilingual digital presence for a high-end creative agency.

Our Work Process

  1. 01
    Discovery

    We analyzed TKWeen's brand identity, target audience, and bilingual requirements — mapping the full Arabic RTL + English LTR architecture before any design work began

  2. 02
    Planning

    Tech stack confirmed — custom WordPress theme, GSAP, Lenis smooth scroll, fixed-window layout — with milestone delivery mapped across both language versions

  3. 03
    Design

    Pixel-perfect Figma designs reviewed for both English and Arabic versions — typography, spacing, and layout direction adapted for RTL without compromising the design system

  4. 04
    Development

    Custom WordPress theme hand-coded from scratch — no page builder, clean semantic HTML and CSS, fully maintainable by code tooling post-handoff

  5. 05
    RTL Implementation

    Full Arabic RTL version built — mirrored layout direction, Arabic typography system, spacing tokens, and component behavior all adapted correctly for Arabic readers

  6. 06
    Animation

    GSAP animations and Lenis smooth scroll integrated — on-load sequences and scroll-triggered cinematic effects implemented without performance impact

  7. 07
    Testing

    Full QA across English and Arabic versions — responsiveness, animation performance, RTL integrity, form functionality, and cross-browser compatibility verified

  8. 08
    Launch

    Deployed and handed off with full documentation — bilingual CMS configured so the client team can manage both language versions independently

Challenges:


1. Full RTL Arabic implementation Building a complete RTL Arabic version that mirrors the entire design system — typography, spacing, layout direction, and component behavior — required deep technical expertise and meticulous attention to detail.

2. Cinematic fixed-window scroll experience The fixed-window scroll layout required a completely custom implementation — standard WordPress themes and page builders cannot produce this browsing experience without heavy custom code.

3. GSAP animation complexity Implementing smooth, brand-accurate GSAP animations across both language versions — without degrading performance or breaking the RTL layout — was one of the most technically demanding aspects of the build.

4. Zero page builder constraint The client’s premium brand identity demanded pixel-perfect execution. Every section was hand-crafted in code — no shortcuts, no automated layout tools, no visual builder compromises.

 

Our Solutions:

TKWeen Creations hero section featuring 3D design elements and cinematic layout — custom WordPress development by MarkupMarvel

1. Custom RTL Architecture We built a complete mirrored design system for the Arabic version — every component, spacing token, and typography rule adapted for RTL readers while maintaining full visual consistency with the English version.

2. Fixed-Window Scroll Engine A fully custom JavaScript scroll engine was built from scratch — creating the cinematic, intentional browsing experience that defines TKWeen’s brand without relying on any third-party page scroll plugins.

3. Optimized GSAP Implementation Animations were scoped, sequenced, and hardware-accelerated — using GSAP timelines and Lenis smooth scroll to deliver fluid, cinematic motion without impacting Core Web Vitals or RTL layout integrity.

4. Hand-Coded Custom Theme Every section was built directly from the Figma file — clean, semantic HTML and CSS with no builder dependency, ensuring the site remains fully maintainable by any developer after handoff.

Tech Stack

  • WordPress
  • PHP
  • Custom Theme
  • GSAP
  • Lenis Smooth Scroll
  • jQuery
  • Yoast SEO
  • RTL Arabic
  • Nginx
  • Amazon Web Services
  • MySQL
  • Plesk

Results & Impact

2Languages Supported
100%Hand-Coded Custom Theme
RTLFull Arabic Support
2024Project Completed

Ready to Build Something Remarkable?