高階雙語（中/英）WordPress 網頁開發與 UI/UX 設計團隊（約 15-24 頁）
Budget / Salary240–2,000 HKD
TypeFreelance project
LocationRemote
Posted2 hours ago
## 1. 項目概述
我們是一家總部位於香港的國際調查顧問中心（私家偵探社）。現需打造一個全新、極致權威、高信譽且具現代感的官方網站。
網站風格需參考頂級跨國律師事務所（如 Deacons、Mayer Brown 等）及科技巨頭（如 Apple、Stripe）的官網，採用 Luxury, Classic, Modern 的設計語言。
1.**設計美學**：奢華、經典、現代。
2. **視覺風格**：以 Apple 式極簡白底為主軸，搭配光澤金、可點綴的紅色、深藍/黑色及高質感留白。
3. **行業形象呈現**：我們希望打破傳統舊派偵探社昏暗、老氣或神秘兮兮（Dark/Noir）的刻板印象。我們非常歡迎配合現代感十足的向量圖標（Icons）或新潮的 AI 卡通/插畫風格，來呈現我們在調查與情報搜集領域的專業性。
---
## 2. 核心招標條件與開發人員資質 （非常重要，請詳細閱讀！）
1. **語言與溝通能力**：最好能懂中文溝通優先。 團隊必須願意並能夠使用翻譯軟體與業主直接進行中文（繁體/簡體）的溝通與對接。以便能節省我方溝通理解的時間。
2. **溝通效率**：必須具備極高的響應速度，願意通過 WhatsApp 進行及時的訊息回復與項目進度回報。
3. **開發流程（硬性要求）**：【必須先出 UI/UX 設計稿（使用 Figma 或同等軟體）】。在進入任何 WordPress 開發建站之前，所有頁面的高保真原型圖（High-fidelity Mockups）必須先經由我們審核及修改確認。
4. **設計實力**：
1.我們極度注重客製化的視覺設計。若您擅長網頁動態視覺（如數字跳動、走馬燈、圖表視覺化），我們將優先考慮。
2. 我們非常歡迎配合現代感十足的向量圖標（Icons）或新潮的 AI 卡通/插畫風格，來呈現我們在調查與情報搜集領域的專業性。
3.需要設計師和工程師願意多花時間在網站收集適合我們“偵探”及“調查”行業的圖片或者顯示的icon等等，并給予專業設計意見（最普遍例如盾牌、放大鏡、望遠鏡等直觀可以反映行業特質的icon和圖像等等）。
4.首頁設計請最少提供3款不同的設計
5.整個網站的修改次數不少於5次，如果是文字、圖片等小修改次數不限
6.請在投標文件中附上您最具代表性的與我們想要風格相關的作品集。
5. 我們公司太小，未必有人員有時間詳細協助整理文字、圖片、圖標和結構，有部分資料我們會提供指引你們協助查找并整理擺放到網站。請安排足夠人員協助。
---
## 3. 項目規模與頁面數量
1. **預估頁面總數**：暫時估計大約 15 - 24 個頁面（雙語架構）。
2. **核心頁面包含**：首頁、關於我們、企業調查服務（多頁細分）、個人調查服務（多頁細分）、保密與合法性承諾專頁、案例研究、洞察/部落格、聯絡我們，以及線上付款跳轉專頁。
---
## 4. 網站主要功能要求（非常重要，請詳細閱讀！）
1 **雙語系統**：使用 WPML 或 Polylang 外掛，實現繁體中文 (ZH-HK) 與英文 (EN) 的無縫切換，並確保兩種語言的排版皆符合美學。
2 **首頁多模組架構**：包含 3-5張高質感 Banner 輪播設計、誠信背書與國際協會徽章走馬燈 (如 WAD/IKD Badge)、動態數字跳動 (Our Strength)、服務項目卡片輪播、HTML5 影片播放區塊、客戶好評走馬燈。
3 **互動功能**：
1）在頁首、頁尾與各內頁穿插放置「3-Step 多步驟動態保密諮詢表單」。
2）網站右下角配置 WhatsApp 懸浮即時對話框。
3）頁尾配置世界地圖視覺設計，搭配可伸縮折疊的全球辦事處地址列。
4）部落格文章頁面整合社交媒體分享按鈕 (Facebook, LinkedIn, WhatsApp)。
4 **金流整合（付款跳轉頁面）**：一個專門的線上付款 Landing Page。
整合 **Stripe Checkout** 與 **PayPal "Pay Now"** 官方跳轉介面，以安全接收全球 Visa, MasterCard 及 American Express 信用卡。
針對香港本地市場，需設計一個客製化區塊，展示靜態的 **FPS (轉數快) 二維碼** 與 PayMe 圖示，並附帶一個付款收據（截圖）的上傳表單。
---
## 5. 技術與效能指標 (KPIs)（非常重要，請詳細閱讀！）
1. **建站工具與管理**：必須使用 **WordPress + Elementor Pro** 搭建。全站必須採用模組化設計（Modular Design），每個 Layout Section 均需可在後台由業主獨立新增、刪除、調換順序或隱藏，以便於未來自行維護。
2. **RWD 響應式網頁**：必須完美適配並優化所有行動裝置，包括 iOS / Android 手機及平板電腦。
3. **底層 SEO 優化**：網站底層架構必須嚴格符合標準技術 SEO 規範。包含乾淨的程式碼（Clean Code）、標準 H1-H3 標籤階層、Schema 結構化數據埋設、自動生成 XML Sitemap 並提交至 Google Search Console、支援 Canonical Tags 及 Open Graph 社交分享標籤。所有頁面的 Meta Title 和 Meta Description 必須開放可在後台自由修改。
4. **效能與安全**：全站必須配置圖片自動壓縮並轉換為 WebP 格式的自動化機制。全站必須正確配置 SSL 憑證（HTTPS），並安裝基礎安全防護外掛（如 Wordfence）。（註：Google PageSpeed Insights 的速度得分將作為合約階段的驗收標準）。
---
## 6. 交付物與售後移交
1. 提供完整的 Staging Area 測試網址，供業主進行最終驗收與確認。
2. 驗收無誤後，將網站完整搬遷並部署至業主指定的 Hostinger 或 Cloudways 主機。
3. 移交所有最高管理員權限 (Full Super-Administrator Access Passwords)。
4. 提供 1-2 小時的後台操作指導錄影或線上培訓（使用英文，若能使用中文/國語尤佳），教導如何進行內容上架、文字圖片修改以及 Elementor 區塊的管理。
5. 網站交付后的3個月內，可以提供1-2次免費文字或者簡單圖案、地圖、簡單鏈接等協助修改。
## 如何投標：
請提交您的作品集，並將焦點放在**高階企業官網、律師事務所或金融科技（Fintech）平台**。請在投標信中簡述您將如何處理 Figma-to-WordPress 的開發流程，以及您以往開發雙語網站的經驗。
我們是一家總部位於香港的國際調查顧問中心（私家偵探社）。現需打造一個全新、極致權威、高信譽且具現代感的官方網站。
網站風格需參考頂級跨國律師事務所（如 Deacons、Mayer Brown 等）及科技巨頭（如 Apple、Stripe）的官網，採用 Luxury, Classic, Modern 的設計語言。
1.**設計美學**：奢華、經典、現代。
2. **視覺風格**：以 Apple 式極簡白底為主軸，搭配光澤金、可點綴的紅色、深藍/黑色及高質感留白。
3. **行業形象呈現**：我們希望打破傳統舊派偵探社昏暗、老氣或神秘兮兮（Dark/Noir）的刻板印象。我們非常歡迎配合現代感十足的向量圖標（Icons）或新潮的 AI 卡通/插畫風格，來呈現我們在調查與情報搜集領域的專業性。
---
## 2. 核心招標條件與開發人員資質 （非常重要，請詳細閱讀！）
1. **語言與溝通能力**：最好能懂中文溝通優先。 團隊必須願意並能夠使用翻譯軟體與業主直接進行中文（繁體/簡體）的溝通與對接。以便能節省我方溝通理解的時間。
2. **溝通效率**：必須具備極高的響應速度，願意通過 WhatsApp 進行及時的訊息回復與項目進度回報。
3. **開發流程（硬性要求）**：【必須先出 UI/UX 設計稿（使用 Figma 或同等軟體）】。在進入任何 WordPress 開發建站之前，所有頁面的高保真原型圖（High-fidelity Mockups）必須先經由我們審核及修改確認。
4. **設計實力**：
1.我們極度注重客製化的視覺設計。若您擅長網頁動態視覺（如數字跳動、走馬燈、圖表視覺化），我們將優先考慮。
2. 我們非常歡迎配合現代感十足的向量圖標（Icons）或新潮的 AI 卡通/插畫風格，來呈現我們在調查與情報搜集領域的專業性。
3.需要設計師和工程師願意多花時間在網站收集適合我們“偵探”及“調查”行業的圖片或者顯示的icon等等，并給予專業設計意見（最普遍例如盾牌、放大鏡、望遠鏡等直觀可以反映行業特質的icon和圖像等等）。
4.首頁設計請最少提供3款不同的設計
5.整個網站的修改次數不少於5次，如果是文字、圖片等小修改次數不限
6.請在投標文件中附上您最具代表性的與我們想要風格相關的作品集。
5. 我們公司太小，未必有人員有時間詳細協助整理文字、圖片、圖標和結構，有部分資料我們會提供指引你們協助查找并整理擺放到網站。請安排足夠人員協助。
---
## 3. 項目規模與頁面數量
1. **預估頁面總數**：暫時估計大約 15 - 24 個頁面（雙語架構）。
2. **核心頁面包含**：首頁、關於我們、企業調查服務（多頁細分）、個人調查服務（多頁細分）、保密與合法性承諾專頁、案例研究、洞察/部落格、聯絡我們，以及線上付款跳轉專頁。
---
## 4. 網站主要功能要求（非常重要，請詳細閱讀！）
1 **雙語系統**：使用 WPML 或 Polylang 外掛，實現繁體中文 (ZH-HK) 與英文 (EN) 的無縫切換，並確保兩種語言的排版皆符合美學。
2 **首頁多模組架構**：包含 3-5張高質感 Banner 輪播設計、誠信背書與國際協會徽章走馬燈 (如 WAD/IKD Badge)、動態數字跳動 (Our Strength)、服務項目卡片輪播、HTML5 影片播放區塊、客戶好評走馬燈。
3 **互動功能**：
1）在頁首、頁尾與各內頁穿插放置「3-Step 多步驟動態保密諮詢表單」。
2）網站右下角配置 WhatsApp 懸浮即時對話框。
3）頁尾配置世界地圖視覺設計，搭配可伸縮折疊的全球辦事處地址列。
4）部落格文章頁面整合社交媒體分享按鈕 (Facebook, LinkedIn, WhatsApp)。
4 **金流整合（付款跳轉頁面）**：一個專門的線上付款 Landing Page。
整合 **Stripe Checkout** 與 **PayPal "Pay Now"** 官方跳轉介面，以安全接收全球 Visa, MasterCard 及 American Express 信用卡。
針對香港本地市場，需設計一個客製化區塊，展示靜態的 **FPS (轉數快) 二維碼** 與 PayMe 圖示，並附帶一個付款收據（截圖）的上傳表單。
---
## 5. 技術與效能指標 (KPIs)（非常重要，請詳細閱讀！）
1. **建站工具與管理**：必須使用 **WordPress + Elementor Pro** 搭建。全站必須採用模組化設計（Modular Design），每個 Layout Section 均需可在後台由業主獨立新增、刪除、調換順序或隱藏，以便於未來自行維護。
2. **RWD 響應式網頁**：必須完美適配並優化所有行動裝置，包括 iOS / Android 手機及平板電腦。
3. **底層 SEO 優化**：網站底層架構必須嚴格符合標準技術 SEO 規範。包含乾淨的程式碼（Clean Code）、標準 H1-H3 標籤階層、Schema 結構化數據埋設、自動生成 XML Sitemap 並提交至 Google Search Console、支援 Canonical Tags 及 Open Graph 社交分享標籤。所有頁面的 Meta Title 和 Meta Description 必須開放可在後台自由修改。
4. **效能與安全**：全站必須配置圖片自動壓縮並轉換為 WebP 格式的自動化機制。全站必須正確配置 SSL 憑證（HTTPS），並安裝基礎安全防護外掛（如 Wordfence）。（註：Google PageSpeed Insights 的速度得分將作為合約階段的驗收標準）。
---
## 6. 交付物與售後移交
1. 提供完整的 Staging Area 測試網址，供業主進行最終驗收與確認。
2. 驗收無誤後，將網站完整搬遷並部署至業主指定的 Hostinger 或 Cloudways 主機。
3. 移交所有最高管理員權限 (Full Super-Administrator Access Passwords)。
4. 提供 1-2 小時的後台操作指導錄影或線上培訓（使用英文，若能使用中文/國語尤佳），教導如何進行內容上架、文字圖片修改以及 Elementor 區塊的管理。
5. 網站交付后的3個月內，可以提供1-2次免費文字或者簡單圖案、地圖、簡單鏈接等協助修改。
## 如何投標：
請提交您的作品集，並將焦點放在**高階企業官網、律師事務所或金融科技（Fintech）平台**。請在投標信中簡述您將如何處理 Figma-to-WordPress 的開發流程，以及您以往開發雙語網站的經驗。
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.