Macroblock Corporate Website
www.mblock.com.tw聚積科技,企業網站設計
,我們認為B2B的官網除了必須提供客戶快速且明確的操作體驗以外,也必需擁有B2C行銷機制,我們在設計中大量導入不規則編排設計,將行銷資訊置入編排設計中,搭配具科技創新、人文時尚的專業影像,行銷與品牌形象兼具,讓B2B商業網站不再那麼刻板無趣。
![Macroblock image](photos/image_01_hover.jpg)
![Macroblock image](photos/image_01.jpg)
![入口網站頁設計 Cover Page](photos/image_01_low.jpg)
Top Page
Double Columns Navigation
滑過圖片會發現我們設計了雙列選單,高科技產業網站內容龐大且分類不易,藉由網站瀏覽內容的區分,我們也利用選單區分客戶與其他瀏覽者,複雜架構經由選單左右兩列的區分之後,也能讓不同的需求的使用者快速且明確的找到選項。
![Macroblock image](photos/image_02_hover.jpg)
![Macroblock image](photos/image_02.jpg)
![入口網站頁設計 Macroblock image](photos/image_02_low.jpg)
Top Page Navigation
![Macroblock image](photos/image_05_hover.png)
![Macroblock image](photos/image_05.jpg)
![入口網站頁設計 Macroblock image](photos/image_05_low.jpg)
RWD Navigation
![Macroblock image](photos/image_16.jpg)
![入口網站頁設計 Macroblock image](photos/image_16_low.jpg)
RWD Top Page
Free Top Page Layout
我們將行銷訊息置入不規則且交錯編排的區塊中,讓聚積科技可透過CMS設定可讓區塊的編排多樣化,滑過區塊的圖片可以發現,區塊的內容樣式、排列順序、區塊顏色、影像或影片皆可自行定義與配置,讓網頁設計的Layout設計可以自由配置。
Top Page Header
![Macroblock image](photos/image_16.jpg)
![Macroblock image](photos/image_05.jpg)
![Macroblock image](photos/image_05_low.jpg)
Event Box A
![Macroblock image](photos/image_06_hover.jpg)
![Macroblock image](photos/image_06.jpg)
![Macroblock image](photos/image_06_low.jpg)
Event Box B
![Macroblock image](photos/image_07_hover.jpg)
![Macroblock image](photos/image_07.jpg)
![Macroblock image](photos/image_07_low.jpg)
Event Box C
![Macroblock image](photos/image_08_hover.jpg)
![Macroblock image](photos/image_08.jpg)
![Macroblock image](photos/image_08_low.jpg)
Event Box D
![Macroblock image](photos/image_09_hover.jpg)
![Macroblock image](photos/image_09.jpg)
![Macroblock image](photos/image_09_low.jpg)
About Us
![Macroblock image](photos/image_10.jpg)
![Macroblock image](photos/image_10_low.jpg)
News Release
![Macroblock image](photos/image_11.jpg)
![Macroblock image](photos/image_11_low.jpg)
Footor
![Macroblock image](photos/image_12.jpg)
![Macroblock image](photos/image_12_low.jpg)
scroll me
RWD Top Page Guide
Variability Product Table
除了整合產品、應用與技術資訊,我們讓聚積科技透過CMS設定自行定義產品欄位表頭、內容、排序等設定,即時以增減產品特殊規格欄位,解決產品規格欄位不一致的問題,滑過圖片可以看到同類產品表格欄位的變化。 面對產品表格內容龐大,導致在RWD無法完全瀏覽的問題,我們設計了左右拖曳、滑動的操作機制,讓瀏覽者可以輕鬆的瀏覽表格。
![Macroblock image](photos/image_29-2.jpg)
![Macroblock image](photos/image_29.jpg)
![Macroblock image](photos/image_29.jpg)
Products Guide
![Macroblock image](photos/image_14_hover.jpg)
![Macroblock image](photos/image_14.jpg)
![Macroblock image](photos/image_14_low.jpg)
![Macroblock image](photos/image_15.jpg)
![Macroblock image](photos/image_15_low.jpg)
scroll me
RWD Products Guide
Identify IC Service
我們設計辨識晶片辨真偽機制,提供聚積科技客戶線上驗證晶片是否為正品。
![Macroblock image](photos/image_30.jpg)
![Macroblock image](photos/image_30_low.jpg)
Identify IC Request
Content Design
為了因應網頁內容繪製各式圖形,尋找專業影像進行編修與合成,我們為聚積科技創造網頁設計元素。
![Macroblock image](photos/image_31.jpg)
![Macroblock image](photos/image_31_low.jpg)
Drawing
![Macroblock image](photos/image_32.jpg)
![Macroblock image](photos/image_32_low.jpg)
Drawing
![Macroblock image](photos/image_33.jpg)
![Macroblock image](photos/image_33_low.jpg)
Drawing
![Macroblock image](photos/image_35.jpg)
![Macroblock image](photos/image_35_low.jpg)
Image Editing
![Macroblock image](photos/image_34.jpg)
![Macroblock image](photos/image_34_low.jpg)
Image Editing
About Corporate Image
採用科技創新、人文時尚的專業影像,為聚積科技企業形象擬定策略,讓冰冷的產業多了溫度,更具人性卻不失科技感。
![Macroblock image](photos/image_17.jpg)
![Macroblock image](photos/image_17_low.jpg)
![Macroblock image](photos/image_18.jpg)
![Macroblock image](photos/image_18_low.jpg)
![Macroblock image](photos/image_19.jpg)
![Macroblock image](photos/image_19_low.jpg)
![Macroblock image](photos/image_20.jpg)
![Macroblock image](photos/image_20_low.jpg)
![Macroblock image](photos/image_21.jpg)
![Macroblock image](photos/image_21_low.jpg)
![Macroblock image](photos/image_22.jpg)
![Macroblock image](photos/image_22_low.jpg)
![Macroblock image](photos/image_23.jpg)
![Macroblock image](photos/image_23_low.jpg)
![Macroblock image](photos/image_24.jpg)
![Macroblock image](photos/image_24_low.jpg)
![Macroblock image](photos/image_25.jpg)
![Macroblock image](photos/image_25_low.jpg)
![Macroblock image](photos/image_26.jpg)
![Macroblock image](photos/image_26_low.jpg)
![Macroblock image](photos/image_27.jpg)
![Macroblock image](photos/image_27_low.jpg)
![Macroblock image](photos/image_28.jpg)
![Macroblock image](photos/image_28_low.jpg)