官方網站製作參考指南

5個公司官方網站製作參考Elementor版型

官方網站製作必須符合你的品牌形象,在之前的文章裡有介紹到,簡潔有設計感的網頁設計是最受人歡迎的,這裡介紹五種不同產業的官方網站版型,一起來看看!

目錄

我們在網頁設計該知道的6件事中,有提到一些網站設計的基本和通用技巧,還沒看過的朋友可以先去看一下唷!

官方網站是各品牌公司的門面,除了網頁設計要好看,在上架內容或編輯網站時,也應該要讓人好上手,可以自由地更新文字內容或圖片、影片。

我們使用 WordPress + Elementor 進行官方網站製作WordPress 是目前全世界最多人使用的內容管理系統,而 Elementor 是非常易於使用的網站建構器,在介紹 Elementor 的官方版型前,先來了解一下 Elementor 吧!

什麼是 Elementor?

elementor.com
elementor.com

Elementor Ltd.是一家以色列軟體公司,提供網絡開發服務。Elementor網站構建器允許WordPress用戶透過使用拖放技術和內置響應模式來架設和編輯網站。除了免費版本,Elementor 還提供網站構建器的高級版本 – Elementor Pro,其中包括附加功能和 900 多個附加組件。

截至 2021 年 1 月,Elementor 提供超過 57 種語言版本,並一直位列 WordPress 頁面構建器中評分最高的 5 個,全球活躍安裝量超過 500 萬。它是一個開源的、GPLv3 許可的(GNU通用公共許可證)平台,為全球 2.24% 的前 100 萬網站提供服務。

根據Elementor官方平台的數據,2020 年 5 月 12 日時,使用 Elementor 構建的網站已有500 萬個。

除了致力於開發更多好用的附加組件,Elementor也設計提供許多版型讓大家參考。

5個產業官方網站製作參考版型

Elementor的版型大部分都是走簡單、乾淨的風格,利用文字與圖片的排版、動態吸引目光,以下精選幾個版型提供大家參考。

歡迎點進連結看看Demo唷!可以使用電腦觀看Demo,並調整視窗大小,可以瀏覽在電腦、平板、手機上的RWD網頁設計。

商品類-環保水瓶形象網站

Eco Friendly Water Bottles
Eco-Friendly Water Bottles

用這種現代的、簡約寬螢幕的佈局展示環保產品。該模板的大膽設計以白色背景為主,提供了充足的空間來展示環保產品。加上精心拍攝的產品照片、及品牌風格照,與文字的編排,簡單又顯得落落大方。

觀看 Demo:Eco-Friendly Water Bottles

技術類-老爺車維修網站

Classic Car Restoration Company
Classic Car Restoration Company

這種以復古為主題的佈局將使用者帶到經典汽車的鼎盛時期。以老式的顏色加上色塊和文字裝飾,輕鬆靈活地展示廣泛服務。也充分看到品牌照片的運用,色塊的呈現加上服務照片的點綴,可以完成簡潔又吸引目光的官方網站。

觀看 Demo:Classic Car Restoration Company

科技類-技術公司網站

Computer Technician
5個公司官方網站製作參考Elementor版型 7

科技人員始終掌握最新技術,以深色底白字為主題,具有未來感和超現代感的佈局極具吸引力。創意動畫、3D 圖示和強大的設計都融合在一起。官方網站整體風格一致,以圖示、線條為主,少用實體照片,更提升科技感及品牌形象。

觀看 Demo:Computer Technician

飲食類-餐車網站

Food Truck
Food Truck

以這種大字與大膽的佈局展示餐車服務,鮮豔的色彩、誘人的大圖像和有趣的設計捕捉到食品餐車或食品拖車業務的精髓。矩形色塊與照片的組合相當靈活,展現美式風格。中文網站也可以以英文slogan進行佈局排版,有為之一亮的特點。Menu設計也相當”巨大”,但與網站毫不衝突。

觀看 Demo:Food Truck

品牌部落格類-身心靈網站

Health Mindfulness Blog
Health & Mindfulness Blog

個人品牌經營在網路世界也越來越重要,讓你的訪客在這個寧靜的佈局中體驗身心的融合,這個模板的柔軟和小設計喚起了和平與寧靜的感覺,除了使心情放鬆愉悅的照片還有幾何圖形的動態旋轉,極為巧妙可愛。使用這個平靜和放鬆的佈局提升訂閱者的(心理)健康和正念的部落格。

觀看 Demo:Health & Mindfulness Blog

資料來源:Elementor

延伸閱讀:

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章