吳政賢 OA Wu LiveCoding.tw
宙思設計 - OA Wu's Blog

宙思設計

全端 HTML 接案 ZEUS WEB JavaScript CSS CSS3 HTML5 jQuery SCSS Compass Gulp OACI PHP CodeIgniter

宙思設計團隊,是一家服務廣泛,凡舉網頁、平面、包裝、印刷及攝影皆可製作的設計公司。也是我長期配合的接案公司,我多數都是承接宙思的前端切版、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 上加入網站,以檢視每一個階段的搜索成效。