精選作品
B2B
專為 科米企業 客製化 網頁設計 版型及官網建置,科米企業提供無塵室、實驗室、廢水處理系統、製程管路等多項工程 設計解決方案。
科米企業憑藉專業態度和16年的豐富經驗,將每個專案注入精湛工藝,打造高品質、 可靠的工程解決方案。
專為 科米企業 客製化 網頁設計 版型及官網建置,科米企業提供無塵室、實驗室、廢水處理系統、製程管路等多項工程 設計解決方案。
科米企業憑藉專業態度和16年的豐富經驗,將每個專案注入精湛工藝,打造高品質、 可靠的工程解決方案。
科米企業引以自豪的實績案例包括多家知名企業,
如緯穎科技、啓碁科技、台灣半導體股 份有限公司、台虹科技、新揚科技、巨鎧精密工業、台灣賽孚思科技、漢民科技、漢民測試系統股份有限公司、貿聯集團、貝斯美德等。
科米企業全力以赴,專注品質,成就未來。
一、科米企業 網站建置 專案需求
1. 專案需求:
建立一個具有SEO概念的網站,展示科米企業有限公司的實績和簡介。
網站能自動適應手機桌機及平板螢幕寬度大小,獲得最佳瀏覽體驗;
採用易於管理的CMS,使管理人員能輕鬆更新內容。
展示工程項目包括簡述、圖片,並提供公司簡介強調專業能力和服務範圍,清晰顯示聯絡方式。
2. 網站建置的重點:
(1) 網站視覺設計-加強客戶印象
(2) 搜尋引擎優化(SEO)
(3) 容易管理和更新
二、科米企業 網站google檢測
1. Accessibility 無障礙:
我們希望讓科米企業的網站容易使用,不論是對視覺障礙者、聽障者還是其他特殊需求的使用者。
2. Best Practices 最佳實踐:
我們追求 企業網站 的效能、安全性和使用者體驗達到最佳水準。
Line、Facebook 或其他社交媒體平台的api及外部連結會影響網站的效能和使用者體驗,可能導致網站載入速度變慢,或者在某些情況下阻止內容的正確載入。
這些因素可能會導致網站不符合「Google 的最佳實踐」,但是連結社群平台卻能增加網站可信度的權重及提高SEO的排名。
3. SEO(基本搜尋引擎優化建議):
我們致力於 企業網站 的網頁容易被搜尋引擎找到。
為達到這一目標,需不斷更新網頁內容,讓網站符合基本搜尋引擎優化建議,這樣更多人可以找到相關資訊,提高網站的曝光度。
三、科米企業 網站建置 規格
1. 網站前端
(1) 響應式網頁設計:
- 提升行動友善性:
多方位螢幕瀏覽的完美適配跨平臺友善環境搭建:
採用RWD(響應式網頁設計)技術,特別針對主流行動裝置進行優化,包括Chrome、FireFox、Safari等主要瀏覽器的最新版本,同時考慮市場上主流的Android和iOS手機介面。 - 融合最新技術的響應式設計:
專為主流行動瀏覽器進行最佳化,在各種裝置上都能提供最佳的用戶體驗。透過響應式網頁的設計,自動適應不同螢幕解析度,讓網站內容無論在何種尺寸的螢幕上都呈現得宜。 - 自動調整版面配置:
根據設備螢幕大小智能調整版面配置,讓網頁內容始終保持易讀性和視覺吸引力。這使得用戶無論使用桌面還是手機,都能輕鬆瀏覽並享受一致的用戶體驗。 - 多螢幕解析度相容:
我們嚴格遵循響應式設計原則,讓網站在各種解析度下皆能正確呈現。
(2) 客製化網頁版型設計:
設計理念:專業導向設計
- 專業性:
提供詳細的科米企業介紹和服務說明,展現了科米企業的專業形象。 - 易用性:
網站的導航設計直觀,使得訪問者能夠輕鬆地找到所需訊息。 - 信任感:
實績案例和我們的客戶增加了網站的可信度,給瀏覽者留下了可靠和信任的印象。 - 清晰的呼籲行動:
聯繫方式和了解更多位在顯著位置,鼓勵瀏覽者進行互動。 - 傳達公司的核心價值和服務,同時建立起與瀏覽者的良好關係。
而以藍色(科米企業LOGO的顏色)為主色調,
搭配紅色作為輔助色,
在會帶給人一種現代、強烈的視覺效果。主要色調的深沉和穩重,
與襯色的鮮明和突出形成對比,
讓網站充滿活力和動感。這種色彩組合也可能給人創新、前衛的印象,
吸引瀏覽者的目光,
傳達出一種堅定和具有影響力的訊息。
網頁設計 首頁:
網頁設計 關於我們:
網頁設計 工程實績:
網頁設計 服務項目:
網頁設計 聯絡我們:
2. 企業網站 建置 模組外掛設定
(1) 廣告輪播/圖片輪播/首頁輪播圖:
- 首頁輪播banner功能強大,可以自訂輪播數量,更便捷的推廣相關活動訊息。包括頂級分類頁、內頁清單頁等多個頁面加入圖片輪播,推廣效果更好。
- 可由後台自行上傳輪播圖片,可以設定超連結、輪播秒數、各種特效參數。
- 輪播不限張數,建議4-5張左右
- 益盛科技設計首頁形象大圖Banner2張
- 首頁輪播圖滾動,點擊輪播圖可跳轉對應的文章連接
- 可拖拉排序輪播照片
- 管理者由後台可新增/刪除/修改圖片
- 可開啟新頁面連結新網站
- 可由後台決定是否啟用照片
- 網頁動畫或互動式內容採用開放標準,確保使用者可跨瀏覽器瀏覽
(2) 底部導覽列
- 網頁選單、版權宣告、聯絡資訊
- 導入資訊式頁尾(Informative Fat Footer)、巨型導覽選單(Mega Menu),以提升網站操作便利性及增加視覺美感。
(3) 網站地圖 網站導覽:
- 安裝 Site map 功能,再將頁面提交給 google。
(4) 系統流量分析
- 流量統計
- 網站導入流量統計工具 GOOGLE Analytics
- 依日週月、來源、關鍵字、國家別、瀏覽內容…等詳細報表分析。
- 重要網頁內容流量分析報表。
- 內容流量來源分析報表(直接流量/推薦流量/搜索引擎流量)。
- 網站內容流量來源國家城市別/網路位置等分析報表。
- 網站被哪些關鍵字流量從哪些搜索引擎而來之分析報表。
- 上述報表需依「每日/週/月/季/年」提供。
(5) 教育訓練
- 以實作教學輔導網站管理人員熟悉改版後網站之前、後台管理作業及新增之系統使用操作。
- 線上教材:針對管理平台各項功能,且製作系統操作手冊電子檔。
(6)服務諮詢1年
- 網站上線,如有操作或技術問題,免費提供客服諮詢服務。
(7)網頁保固1年
- 於正常操作之狀態下所發生前端版面瀏覽之異常或錯誤情況,負責免費之相關維護工作(自行提供主機者,如因主機無法相容而導致錯誤者不在此限)。
(8)資安稽核
- 後臺位址加密
- 後臺登錄設置,安全加密
- 隱藏CMS標籤
- 網站防火牆安裝
(9) 網站備份
- 全站備份功能
- 立即備份
- 備份管理
(10) SEO優化
- SEO(設計中植入SEO概念)
- 網站關鍵字(Metadata)設定:在一般情況下使用者是看不到的,它的作用在於讓各大搜尋引擎能夠更容易地依照使用者輸入的關鍵字來找到本網站。
- 頁面header W3C標準
- 頁面header meta標籤(頁面keywords,description管理/ 定義)
- 後台Title、Keywords、Description管理
- 自訂網站名稱
- 優化網站速度:壓縮 & 合併 JS 8. 優化網站速度:壓縮 & 合併 CSS 9. 優化網站速度:開啟GZIP
- 網址靜態化
- 建立「階層連結清單」導覽(麵包屑)
- 頁面title管理/定義
- 郵件自動回覆
- 圖片alt, title 屬性 h1,h2 標籤使用
- 404頁面
(11) 一頁式網頁編輯系統:
拖曳+預設版型+所見及所得
可做廣告A/B測試
(12) Google Map嵌入
四. 網站後端 管理系統
提供給管理人員的後台管理界面,用於監控系統運行狀況、查看數據報告和系統設定。
軟體開發Model View Controller(MVC)架構圖 簡化應用程式的開發並增強程式的可維護性。
將專案的開發分為三個不同的角色, 以提高協同作業的效率。
網頁設計 問與答:
網站建置 報價相關 https://des13.com/faq/quote.html
網站建置 技術相關 https://des13.com/faq/webtech.html
購物網站 網路開店 https://des13.com/faq/e-commerce.html
B2B形象官網建置 https://des13.com/faq/b2b.html
網站升級維護 https://des13.com/faq/upgrade.html
推薦閱讀:全後台模組化形象官網
簡易電子書下載:一頁式網頁設計電子書
如果您喜歡我們的文章,歡迎分享!也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡
全後台模組化形象官網,符合各式商業模式與需求,請參考:https://des13.com/service/rwd.html
Written by Ring
作者:益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗