到現在為止大多以FLASH來製作這類的說明動畫，但是FLASH卻只能停在原有的技術，實在可惜。甚至在手機上無法直接執行，Android 需要另外下載.APK，Apple手機則是無法執行FLASH。始初想到如果能使用GIF的動畫的話，檔案又不要太大的話，就十分有可能可以克服這個門檻，在讀書會中工程師們不斷絞盡腦汁，利用可能的技術，來取代逐漸被新技術淡忘的FLASH，簡單的說就是結合以下技術：
HTML5：網頁架構
GIF：動畫
CSS3：動畫移動或切換
JavaScript：場面切換與選擇
Webstorage：記憶使用者故事路線
來試圖做出類似繪本的網頁，甚至能夠比FLASH還要更小的傳輸檔案量。

▼解說伊比力斯（癲癇）與進入親善系統

▼可進入「巴士」「MRT」「學校」等三個背景環境

（20181108 紀錄）。值得信賴的模組，使用同時測試了將近一年，不斷與工程師溝通之下，最近終於完工，且對應最新的HTTPS規格將是業界最低價格。
前台：
1.一次上架，相同 RWD 版面內容
2.簡潔方便，前台省去複雜的畫面
3.對應多版本 RWD 畫面
4.程式簡單化，整體反應迅速
5.一般訪客只需要看圖與文字，不需要過多資訊或是欄位干擾視覺
6.追加自訂搜尋引擎欄位

這個客製化網頁，來自客戶的特殊需求，要求只需要針對某些頁面在手機版內能夠快速瀏覽（特定會員）

1. 保留原來針對客戶Banner的廣告。
2. 除了專屬頁面，其他頁面不要顯示在手機內。
3. 對應雙版本的RWD
4. 頁面內有特殊複雜Table與其他標題的會議議程與會議記錄，仍能對應PC與mobile版本
5. 增加上架功能與內容置頂功能

A.PAO gardenSTUDIO 上線後，
從零到有，約一個月左右達成一萬人次的點閱數，後面有十分多不為人知的前置與後製作業，與大家分享成果：

A.PAO garden：http://plant.apaostudio.com

追求提高攝影品質與加強植物正確名稱的準確性：
以數位相機畫質取勝，改善膠片相機與植物官方網站的不便

客製化購物車網站設計製作

功能概說（功能很多，說明不足請見諒）
前台：
註：A.PAO designSTUDIO 獨立開發製作，不會有售後無保固或無詢問服務的問題。

A.前台（對應手機版與電腦版 RWD）
   1.首頁輪撥圖片。活動圖片自動上架。一級分類商品列表。
   2.商品列表畫面。
   3.商品說明畫面。

▼會員登入。MENU。輪撥Banner。活動訊息。

這個網站功能如下：
1.採用Bo-Blog 客製化模版
2.除了一般上文機制與畫面切換之外，增加線上捐款機制。
3.對應手機版與電腦版版面大小（RWD）
4.後台除了一般設定功能外，追加金流對應插件，輪撥圖片插件等等。
5.後台金流插件中，有信用卡自動對應金流ˊ對帳功能，超商付款與WebATM於後台有比對按鈕，節省在金流後台查帳的登入手續與時間。以及列印捐款收據等功能。

以下介紹客製化的畫面：

▼網頁 電腦版畫面