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...
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.

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

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.
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
- 01Discovery
We analyzed TKWeen's brand identity, target audience, and bilingual requirements — mapping the full Arabic RTL + English LTR architecture before any design work began
- 02Planning
Tech stack confirmed — custom WordPress theme, GSAP, Lenis smooth scroll, fixed-window layout — with milestone delivery mapped across both language versions
- 03Design
Pixel-perfect Figma designs reviewed for both English and Arabic versions — typography, spacing, and layout direction adapted for RTL without compromising the design system
- 04Development
Custom WordPress theme hand-coded from scratch — no page builder, clean semantic HTML and CSS, fully maintainable by code tooling post-handoff
- 05RTL Implementation
Full Arabic RTL version built — mirrored layout direction, Arabic typography system, spacing tokens, and component behavior all adapted correctly for Arabic readers
- 06Animation
GSAP animations and Lenis smooth scroll integrated — on-load sequences and scroll-triggered cinematic effects implemented without performance impact
- 07Testing
Full QA across English and Arabic versions — responsiveness, animation performance, RTL integrity, form functionality, and cross-browser compatibility verified
- 08Launch
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:

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





