宙思設計 - iOA
宙思設計 - iOA

宙思設計 實作心得

吳政賢· ·

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



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

後台上稿系統 宙思設計-iOA
後台上稿系統
使用 AWS S3 服務 宙思設計-iOA
使用 AWS S3 服務



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

網站知識文章分享 宙思設計-iOA
網站知識文章分享
響應式設計 宙思設計-iOA
響應式設計
Google SEO 成效 宙思設計-iOA
Google SEO 成效



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

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

以上就是這次 宙思設計 的開發心得如有任何問題歡迎來信討論。