宙思設計 宙思設計團隊,是一家服務廣泛,凡舉網頁、平面、包裝、印刷及攝影皆可製作的設計公司。也是我長期配合的接案公司,我多數都是承接宙思的前端切版、JavaScript 功能、後端 php 上稿、套版、系統架設的部分,而宙思設計主要著力於“設計”的產出,如果各位有相關需求其實可以與其洽詢! 關於宙思設計官網的架設開發…

宙思設計

宙思設計團隊,是一家服務廣泛,凡舉網頁、平面、包裝、印刷及攝影皆可製作的設計公司。也是我長期配合的接案公司,我多數都是承接宙思的前端切版、JavaScript 功能、後端 php 上稿、套版、系統架設的部分,而宙思設計主要著力於“設計”的產出,如果各位有相關需求其實可以與其洽詢!

關於宙思設計官網的架設開發經驗,其實可以分成兩個時期的改變,第一期宙思官網是在 2015年 1月 31日 實作,當時是架設在遠振資訊的主機代管服務,後端 php 架構框架則是使用 CodeIgniter v2.1.4,但跟團隊討論後在 2016年 1月 11日開始我們將系統移植上 AWS Ec2 上,主要是考慮到日後官網作品展示區會有大量的圖片上傳的需求,這同時也意味著圖片流量將會是一項重點,所以才進階考量到使用 AWS S3 的服務!

後台上稿系統

使用 AWS S3 服務

而後台上稿系統也重新的設計,主要沿用了北港迎媽祖的網站後台 Layout,前台各頁面的版型也重新架構,後端框架改使用 OACI version 4.0,在前端刻板上不僅可以配合測試環境,也能在上 production 時可以有不同的效能控制,由於 OACI 上已經是搭配使用 Compass,所以在管理版型亦是輕鬆許多。後台是使用 Facebook 登入以減少人員忘記密碼等問題,架設速度上快速許多,而在後台上也有人員管理系統,以方便團隊內的人員管理!

網站知識文章分享

宙思設計在第二期的網站規會上更加入了文章功能,主要是未來會分享多樣的資訊文章,而文章多會以原創為主,而類型則無固定範圍拘束,從資訊開箱文到網站架設心得、網頁知識文章都會有,目的則以分享為前提概念,希望能讓顧客在發案同時也能對業界內相關知識可以進一步了解!

響應式設計加強 Google SEO,同時方便手機用戶的瀏覽

經過第二期的開發與調整,其實有很多不錯的顯著效果,尤其在 Google SEO 以及關鍵字等,都有明顯的成效

宙思官網版型上則沿用第一期的設計框架,但是加強了響應式網頁設計(RWD)的相容性,以提高 Google SEO、手機閱讀率..等,再藉由宙思粉絲頁的管理,來達到更有效的分享設計相關文章與知識,二期還有另一項重點就是如何加強 SEO,首先符合基本的 HTML 格式的規範,定期檢視 Google Analytics 外,也在 GoogleBingYahoo Search Console 上加入網站,以檢視每一個階段的搜索成效。

相關參考

嘉豪光學 - OA Wu's Blog
嘉豪光學
嘉豪光學 這是一個前、後端技術的外包案實作,其網站名稱為嘉豪光學,嘉豪光學有限公司為多國外知名品牌之總代理。於2007成立至今,憑著經營團隊專業的知識領域和熱誠的服務態度,產品銷售已涵蓋全台眼鏡商圈。 專案為宙思設計的網站專案,專案除了設計與聯絡外,從前端刻板、後端資料庫、系統架設皆是獨立完成。網站框架…
實作台北 • 藝文活動 - OA Wu's Blog
實作台北 • 藝文活動
實作台北 • 藝文活動 這是項利用新北市政府資料開放平台提供的新北市政府文化局藝文活動 API 所製作的台北 • 藝文活動。使用 PHP 將 API 資料取下來後編輯成 HTML 頁面,並且放置到 Amazon S3。放置部署過程中同時將頁面所需的 SCSS、JavaScript 一起上傳至 S3。 上傳 S3 過程採用 PHP 執行,關鍵程式碼在這裡,主要是利用…
2017 macOS High Sierra 安裝 PHP Apache 筆記 - OA Wu's Blog
2017 macOS High Sierra 安裝 PHP Apache 筆記
2017 macOS High Sierra 安裝 PHP Apache 筆記 最近因為需要開發 iOS App 所以逼得我自己需要把 Mac OS 更新到最新版本,但更新完後發現內建在 OSX 中的 PHP 版本居然變成了 7,變成 PHP 7 是不打緊,只是我需要的 PHP-imagick 套件一直安裝不起來,覺得氣餒,所以為了解決這問題下了一點點功課。 基本上在網路上找相關的…
用 PHP 實作網路相簿 - OA Wu's Blog
用 PHP 實作網路相簿
用 PHP 實作網路相簿 因為大三專題有接觸網頁設計,所以就利用課餘時間開發了簡單的一套相簿系統,這套系統是使用 php 版本 5.4 開發,內容包含基本的登入、上傳、編輯..等 Create、Read、Update、Delete(CRUD) 功能。 大學時期還不知道任何的 Framework 於是自己製作了一套屬於自己的框架系統,並且嘗試實作出可以登入、…
吳政賢個人簡歷OA WuLiveCoding.tw
OA Wu's Blog
開發心得
宙思設計