Project Revamp Proposal

Imaginary Art Studio Website Revamp

Repositioning the studio's digital hub into a 高级配套 visual portfolio that elevates credibility, streamlines browsing, and secures MNC-level collaborations.

Prepared For Imaginary Art Studio (Phyon)
Prepared By Ian Yeoh
Date June 2026
Timeline 4 Weeks

1. Executive Summary & Strategy

Imaginary Art Studio possesses a powerful archive of creative work and extensive experience producing films for established brands. However, the current Elementor-based setup fails to visually project this high-caliber standard to potential clients and agencies.

The core objective of this revamp is to reposition the website into a 高级配套, minimalist, and highly responsive portfolio. We will build a visual environment that immediately instills trust in Multinational Corporations (MNCs) and advertising agencies seeking long-term production partners, while remaining accessible to SMEs with realistic budgets.

"The goal is not to drive away smaller clients, but to establish a 高级配套 positioning baseline so that incoming enquiries align with realistic budgets, professional timelines, and collaborative structures."

2. Visual Identity & Aesthetic Direction

To project a cinematic and 高级配套 look, the design will pivot towards a minimalist framework:

3. Vimeo Portfolio & Interaction Flow

The current portfolio loads multiple Vimeo iframes directly on the page, which increases page-load time, breaks mobile layouts, and conflicts with caching plugins (like Autoptimize & LiteSpeed).

The Fix (Click-to-Play Lightbox): We will implement a clean, performance-optimized video grid inspired by the jx-productions.com interface. The site will load optimized static image thumbnails first (ensuring sub-second initial loading), and only load the Vimeo iframe player inside a popup modal when a visitor clicks to play.

De-emphasizing the "All" Tab:

To avoid visual clutter and browser lag from dumping 300+ videos at once, the portfolio page will land on a curated Featured Showcase tab by default. Visitors can then dynamically filter into organized categories:

4. SEO-Ready Navigation Architecture

To ensure clients in target areas discover the studio organically, the site navigation will be built around clean HTML5 semantic hierarchy, targeting high-intent local search queries.

Page: / Homepage (Showreel + Client Logos + Specialties Overview)
├── H1 Corporate Video & Commercial Production Studio in Petaling Jaya, KL
└── H2 Key Clients We've Partnered With

Page: /portfolio/ Portfolio Hub (Interactive Filter Grid)
└── H1 Creative Portfolio & Branded Video Projects

Page: /服务项目/corporate-films/ Corporate Films & TV Commercials
└── H1 Corporate Video & TVC Production Petaling Jaya

Page: /服务项目/social-media-ads/ Social Media Ads & Capsule Videos
└── H1 Social Media Video Ad Production Selangor

Page: /服务项目/events/ Event & Conference Videography (Excluding Weddings)
└── H1 B2B Event & Conference Videography Kuala Lumpur

Page: /服务项目/documentaries/ Documentaries & Short Films
└── H1 Documentary & Short Film Production Malaysia

Geographical Note: Target marketing is focused on Petaling Jaya (PJ) and Selangor/KL to optimize logistics and lodging budgets. Specialized technical capabilities (such as underwater videography) will be highlighted within 服务项目 and portfolio tags rather than as standalone primary pages.

5. Core Scope of Work

We will construct a Custom WordPress Template System that bypasses Elementor page builders. Project details will be managed through structured admin panel forms (Custom Fields), resulting in clean code and lightning-fast loading speeds.

Revamp Phase Included Deliverables
UX/UI Structure Homepage design, high-end portfolio gallery, custom 联系我们/enquiry page.
Vimeo Integration Custom lightbox play system, thumbnail lazy-loading setup, category mapping.
WordPress Setup Dynamic Custom Post Types, ACF dashboard panels for easy video uploads.
SEO Foundation Structured headings (H1/H2), semantic HTML, responsive metadata integration.
QA & Optimization LiteSpeed/Autoptimize script isolation, mobile layout testing, and server launch.

6. Project Timeline

The revamp project is estimated to take 4 weeks from kickoff to final launch.

Week 1: Strategy, Structure & Asset Gathering

Website map finalization, content mapping, visual brand guide definition, and credential/assets collection.

Week 2: Core Page Implementation

Coding the custom homepage template, header/footer navigation, 联系我们 forms, and general design styling.

Week 3: Portfolio System & Vimeo Integration

Configuring the custom post types, building the lightbox popup system, mapping cover thumbnails, and organizing categories.

Week 4: Optimization, Mobile QA & Launch

Mobile responsiveness testing, Autoptimize script isolation, content review, and staging deployment to production.

7. Project Investment

For the agreed scope of work, the one-time project fee is:

Payment Term Amount (RM)
50% Initial Deposit (Required to begin development) RM 1,300
50% Final Payment (Due upon QA approval & launch) RM 1,300
Total Project Fee (One-Time) RM 2,600

Direct Bank Transfer Details:

Bank: MAYBANK

Account Name: YEOH KENG IAN

Account Number: 162227441668

Scope Exclusions:

To maintain budget efficiency, the following items are excluded from this project but can be quoted separately if needed:

8. Pre-Kickoff Requirements

To initiate development smoothly and avoid delays, we will require access to the following assets:

WordPress Administrative Access: Needed to analyze the existing setup, themes, and plugins.
Hosting / cPanel Access: Required to configure caching parameters and database pathways.
Vimeo Credentials or API Access: Needed to verify direct feed integrations.
High-Resolution Vector Logos: Preferably in `.svg` format for clean rendering.
Featured Project Details: A list of 5-10 showcase videos with titles, categories, and cover frames.