這是一個緣分奇妙又蠻深遠的關係來的案件，來自同學 Victor Chen 介紹，仔細問了之後，才知道高中時常去一個畫室畫畫的老師的女兒，老師走了，過了許多年，透過同學介紹，我又與對方碰面，好巧的緣分。
網頁製作內容不多，但有後台，可以讓客戶很容易製作自己需要的內容。一個內容，可以輕易對應多種版本的設備畫面。客戶因為老人家比較多，手機版的字就制作大一點，以符合老人家的需求

我們的做的網頁在維護上也很簡單，只需要上一種文字與圖片，就可以自動對應到兩個版本（電腦與網頁）的網頁內容，讓更新內容的管理者，可以在短時間維護自家的網頁與網站。

▼電腦版網頁 + 手機版網頁 / 首頁（手機版的字就制作大一點，以符合老人家的需求）


定揚國際法律事務所 DING-YANG INTERNATIONAL LAW FIRM
https://www.dingyanglawfirm.com/

到現在為止大多以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。活動訊息。