duda new logo
dudamobile-1dudamobile-2dudamobile-3dudamobile-4dudamobile-6dudamobile-8dudamobile7dudamobile5

duda ─ 桌機網頁與手機網頁一次做齊吧!

  1. 彈指間打造自己的官網,包含手機及桌機網站
  2. 可由原先官網打造一個手機網站,製作迅速
  3. 一步步引導每個步驟,漂亮的網頁模板
  4. 有讓消費者付款的功能(Paypal)

馬上試用

貨號: A0090 分類: , 標籤: , , ,

商品說明

你知道人們都手機上搜什麼嗎?根據 Google 之前曾發布過的調查報告指出,95%的智慧型手機使用者會搜尋本地資訊,61%的人會直接撥打電話,而88%曾搜尋本地資訊的人會在當日就採取行動;換句話說,現在做數位行銷,一定要考慮 Mobile site(行動官網),先別擔心,今天就來跟你介紹 dudamobile 為你打造自己的行動官網。


手機網頁操作流程

STEP 1

進入首頁後,選擇 Mobile Sites, 如果你已經有官網,只要在首頁輸入網址就好。

dudamobile-1


STEP 2

稍等ㄧ下,你就會到一個手機版官網的雛形。

接下來的時間,就來看一下整體的介面該怎麼操作吧!

dudamobile-2


介面介紹

小編在這裡調皮了一下,為什麼呢?嘿嘿!因為接下來我就以 dudamobile 的網站做範例!

待會兒說明時,主要分為功能區整體調整區細部調整區〈結果顯示區〉三部分。

細部調整區

不管是在哪個頁面,如果有需要做微調的地方,點擊要調整的區塊,就會彈出如下圖的視窗,就可以進行按鍵的編輯或移除。

dudamobile-4


功能區 Design

顧名思義,就是整體行動官網的設計,整體調整區有分為 Layout、Style、Header 三部分。

整體調整區 Layout

這裡主要是調整整體版面,主要提供五種 Layout,選定好一個雛形後,下方的 Style 會依據雛形再細分成更多的樣式,供使用者套用。

dudamobile-3


整體調整區 Style

提供顏色、字型修改,也可以選擇是否增加背景圖案。

整體顏色選擇上,當你找不到適合的話,下分的 “Customize” 讓你自己客製化。字型的部分,有標題、按鍵、內文,各元件都可以分別做調整。

dudamobile5


整體調整區 Header

標題是以什麼類型顯示,以 dudamobile 來說,它們的標題是用圖片的方式呈現,所以當然下方就會有它們的 Logo 囉!再來,可以開始調整字的大小、位置,背景顏色等等,只要與標題有關的選項通通在這裡!

dudamobile-6


功能區 Pages

顯示站內所有的網頁,可以一一做調整,若要自行新增網頁,也是沒問題的喔!

整體調整區

針對不同網頁做修改,主要是圖示、標題和內文。如果需要更進一步的 SEO 和 頁面設定也可以點選做更改。

dudamobile7


功能區 Go Live

一切準備就緒後,當然就是要發布啦!

整體調整區

在頁面下方,dudamobile 非常貼心的附上免費版與付費版的差別比較與價錢,可以評估一下自己的需求選擇適合自己的方案。

dudamobile-8


桌機版的部份,duda強調為互動型網頁(Responsive),會依照讀者的裝置改變網頁的版面。點選dudaone這個產品後,點擊 start for free, 並選擇喜歡的模板。

dudaone_1

在左側欄有許多元素可以編輯、設定或加入元素,用拖曳的方式,不需經過程式或HTML設計,看到即所得。(但書,中文字型會有點少喔~不會像英文字這麼好看)。這個時候就可以將LOGO或者想放的視覺、產品圖放上去。比較適合品牌客戶使用,電商或者有很多產品要線上銷售的網站可能不適合喔~

Save 存檔之後就能獲得網址,就可以分享出去給客戶囉~是不是很簡單!

 

小編覺得,現在有超多這種自助式的網頁工具,像是Strikingly, instapage等等,一開始試用都為免費的,想要放在自己公司的伺服器下,也就是網址要秀自己公司名的話,才需要採購。所以可先試用看看,看順眼的用習慣的再考慮購買,通常費用也不高。

額外資訊

硬體需求

桌機、平板、手機

作業系統

Windows / iOS

瀏覽器版本

Chrome / Firefox / IE9以上

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報

您希望收到哪些資訊呢?