企業形象網站 / 購物網站 / 活動型網站

網頁設計會依照不同產業、不同公司、不同目的性而去做相對應的介面設計與功能規劃,所以確認製作該網頁的用途就很重要,例如是要做公司的形象網站,一般就會把企業的形象做出來,格局跟設計的質感都會影響到客戶對該企業的第一印象,另外就是產品跟服務的介紹需要清楚詳細,如果有客戶實例,或是合作夥伴都可以加強企業整體的服務性與客戶對貴司的信賴感,所以規劃上主視覺怎樣帶給客戶完整且規模的形象就會對企業形象加分,如果是購物型的網站,主打商品或優惠活動就需要特別加強主視覺,客戶瀏覽這類型的網站通常是為了找尋自己需要的商品或是優惠,所以清楚的把優惠資訊呈現出來,商品的清楚完整,購物的流程是否順暢,都會影響到這類型的網頁所產生的效益,如果是活動型的網站,就可以用比較簡潔的一頁是響應是網頁來呈現,主要是能讓消費者參與該項活動,所以簡單流暢的操作方式就可以達到做這類網站的目的。

Read more

網頁設計 完整製作流程介紹

需求確認

Demand confirmation

網站所需要的架構,例如公司介紹、最新消息、產品介紹、服務介紹、客戶實績、聯絡我們等等,依據自己的需求實際要再網路上呈現的項目名稱、功能等等,基本上就是資訊的展現,希望讓消費者或目標客戶知道貴司的服務內容或想傳達的訊息,充分且清楚的展示。

資料準備

Data preparation

已經確認好網站所需要的架構後,針對所有的功能項目,準備相關的圖片跟文字說明,或是影片介紹,圖片一定要有版權,清楚解析度要夠,否則網頁的畫面會失真或不清晰,另外選擇正確的比例也會對整體美感有影響,文字部分資料完整正確基本上就可,Logo也需要提供原始檔,資料整理越清楚詳細,後面製作便可更快速且正確完整。

美工設計

Graphic design

資料已經完善後,即會開始主視覺的設計,運用客戶提供素材,不足部分會另外找已經購買合法的圖庫資料輔助,以增加整體完整度與美感,會依照客戶提供CI或希望呈現的風格作為設計的依據,或是相關產業的呈現方式,將客戶所需的資訊完整清楚的呈現,並提升整體質感與設計。

程式撰寫

Program coding

設計好圖片及版面配置,會開始加上前、後台程式,前端畫面的程式目的是在能動態改變客戶前端看到的相關圖文資訊,必須抓取資料庫裡目前最新的圖片與文字或影片連結等,後端的程式主要是為了將客戶最新的圖片與文字或影片連結等相關資料儲存到資料庫裡,讓前台可以動態抓取,藉以更新前端資料能正確呈現相關資訊。

後台教學

Backstage teaching

美編版面設計與程式都完成後,基本上整個網站架構已經完成,接下來就是熟悉後台的操作,後台以簡單方便操作為主,圖片需要先美化後台欄位規定的尺寸,就可以直接上傳,某些欄位會有更彈性的編輯器,這部分如果有CSS、HTML等經驗會更容易上手,文字欄位相對簡易,另外有些分類功能也可善加運用,有些欄位可使用上下架功能,讓資料呈現更彈性。

資料上架

Information on the shelves

已經了解後台操作,接著開始要將正式的資料商品圖片跟說明文字鍵入,如果有購物功能也需要自訂價格跟庫存等相關資訊需要建立,填入價格時須謹慎避免將來有價格上的爭議,把當初所定義好的各頁面功能陸續補足文字跟圖片說明,如果資料還沒完整也可以先隱藏相關頁面。

正式上線

Formally launched

資料上架完成後記得重新檢查資料正確性,因為資訊是對外公開所以資料正確性是必須注意,另外如果需要使用自己的獨立網址,後台只要做好相對應的設定,網址指向到指定IP位址及可以開始使用自己的獨立網址,favicon icon 也可以使用自己喜歡的圖示再重後台更新,Google Analytics(分析)官方網站網頁分析和報表功能及相關搜尋引登錄,都可以搭配使用。

保固服務

Warranty service

網站合約使用期間,除合約另外約定,公司都會提供相對應基本保固服務,資料部分例如文字、圖片、影音連結等等內容是由客戶自行上架維護,有自行變更權利,則不在保固處理範圍,主要是針對程式運作的BUG,伺服器上的問題排除或系統更新升級,如果是功能新增或是功能優化不在此範圍。