開發日誌 - 網站架設請找可思科技

總經理/帝王引擎 Vince Wu

2020-03-04
    內容大綱

從資本額1萬的白手起家,到現在是營業額千萬的穩定公司,

從小型5萬的網站,到上百萬的大型專案,這十幾年的網站架設經驗,不算多也不算少, 網站架設的過程中難免和客戶有摩擦與誤解,
(創業心得可以看,我在PTT發表的文章),

讓我更認為公司應該是以服務為出發點,
幫助每個客戶完成心目中理想的網站,
以人為本,我們不是完美的,但是,我們盡力做好每一件事,

可以的話,請讓我們為您服務吧!


總經理/帝王引擎 Vince Wu

2021-11-25

品牌企劃

    內容大綱

品牌企劃是什麼?

 

網站的品牌企劃無非是網站架構流程中相當重要的一環,當您和業務諮詢完畢,完整確認網站架構需求後,企劃就會開始加入您的專案,依照網站性質做整體架構規劃。

 

一般來說,企劃需要充分了解您的網站需求以及定位,指引客戶準備文案資料以及產品資訊,準備資料提供的越完整,我們的規劃也將越能符合您的需求。

 

其中最重要的準備資料有那些呢?

 

參考網站

 

目前網站的視覺或功能上,可能仍是抽象的言語或文字所組成。為避免雙方認知落差,以及網站設計的規劃能夠符合需求,提供一至三個參考網站,能幫助可思更了解網站建置目標。

 

網站資料

 

Logo、圖片素材(環境照、產品照...)、聯絡資訊(電話、地址...)、相關頁面文案內容(網站服務條款、公司簡介...)等,這些也是幫助我們快速理解需求的重要資料。

 

緊接著由企劃接手專案,諮詢網站風格、客群、版面資訊等,定義出首頁區塊,開始繪製線框圖。

 

什麼是線框圖?

 

使用Axure繪製網站原型,也可以說是"假網站" 讓您在程式尚未串接完成之前,就可以先確認到網站的功能和流程,但是需要特別注意的是,線框圖是除去視覺設計的頁面結構、功能與內容規劃的示意,主要是用來描述介面與動線,所以先不需要擔心設計的樣式或者文字校正,待我們線框圖規劃完畢之後,還是會有完整的頁面設計流程喔!

 

線框圖 vs 設計圖

 

 

但您可能會有一個疑問,設計後會跟線框圖規劃的一模一樣嗎?

其實不全然!設計師會依照風格搭配合適的字型、icon、網站視覺色系搭配

挑選合適的圖片作為主視覺呈現,並且針對排版以及多餘的文字做調整。

 

總而言之,企劃會竭盡所能的與您確認網站想要呈現的資訊,確保資訊沒有缺漏及流程正確,至於線框圖的規劃也是以呈現網站原型為目的,所以不用擔心線框圖看起來不美觀,我們強大的設計團隊最終還是會使網站以最合適的樣式呈現在您眼前,為您的品牌形象把關。


總經理/帝王引擎 Vince Wu

2020-03-27

架設電商網站必須了解的事: 我該如何更新商品?

    內容大綱

網站架設好之後,大家最關心的一點絕對是...我日後該怎麼更新網站內容?

這邊我們精挑細選幾個網站常見的區塊,來介紹我們如何透過後台更新資料。

首先要為您介紹的是每個網站幾乎都一定要有也最吸引客戶目光的...

 

首頁大圖輪播區

 

圖片透過後台新增,想放幾張就放幾張!

 

 

覺得只有圖片太單調嗎?加點文字吧!

大圖輪播搭配連結也是一種很有效率的廣告行銷,加入連結,把使用者帶到您想讓他去的頁面。

 

 

文章管理

 

常見的最新消息、活動訊息,精心設計的促銷活動想讓消費者知道

 

為了快速讓消費者找到想看的訊息,設定分類是必須做的

 

 

分類設定好之後,開始新增文章吧!

 

 

新增文章的方式跟一般使用Blog的操作很類似,打好文字後可以插入圖片或影片讓文章更豐富

操作介面非常淺顯易懂,例如文字的排版、加入超連結、文字對齊等等...

整體來說,一般發布文章的所需功能,使用我們的內文編輯器都做得到,是不是非常容易呢?

 

文章完成後,後台直接設定分類,一次處理完成!

 

 

商品管理

 

最後電商最關心的絕對是商品!透過後台的商品管理,將商品做好分類,操作起來更能事倍功半

 

 

接著待您逐步操作新增商品的步驟

 

步驟1: 填寫商品名稱、簡介、詳細介紹

 

 

步驟2:設定商品貨號、價格

 

 

步驟3: 設定分類!對於電商網站來說,設定好商品分類非常重要!不但可以讓使用者快速找到商品,做促銷活動時更可以針對某個類別商品做促銷,這時你就會感謝自己努力建立好商品分類。

 

 

步驟4: 大部分的商品都會有選項供消費者選擇,例如尺寸、顏色等等...

 

 

步驟5: 給產品一張美圖吧! 當然如果有多張也可以一起上傳喔!

 

 

經過以上的步驟後就新增好一款商品囉! 讓我們看看實際網頁上呈現的樣子吧!

 

 

經過以上的介紹,相信大家也能輕鬆使用後台更新網站資訊!我們日後也會陸續跟大家其他後台的操作方式,請大家拭目以待!


總經理/帝王引擎 Vince Wu

2020-04-24

電商網站好幫手-CHAT BY KEYREPLY

    內容大綱

CHAT BY KEYREPLY 電商好幫手

一般電商在架設網站時,常常會問 "有什麼好方法可以快速跟消費者取得聯繫?" 現在要介紹的CHAT BY KEYREPLY 正是一個好選擇。

最重要的是,CHAT BY KEYREPLY 提供的功能是免費的,只需要設定好想要顯示的即時通訊,填寫像是Email、電話號碼等等的資訊。

藉由設定這些資訊,產生專用程式碼,最後將程式碼複製到網站即可,網站的右下方即會出現聊天圖示,讓消費者輕鬆跟站方取得聯繫!

 

基本上操作相當簡單

STEP 1 只需要輸入對應的資訊,非常直覺!

 

 

STEP 2 特別注意資訊提供的格式

 

比較常用的Facebook 在這邊需要特別注意的地方是輸入的資訊必須是Facebook ID 而不是單純的網址。

至於如何查詢Facebook ID? 只需要點選 查詢我的Facebook ID 把複製好的Facebook網址貼上來就能輕鬆查詢ID

 

 

再來還有相當多通訊軟體可供填寫

 

 

LINE的設定方式也相較特別,大部分的商家都會申請LINE官方帳號,而這裡需要放的資訊也不是LINE ID喔!而是好友的邀請連結!

它的格式是以 https://line.me/作為開頭的網址,若你發現複製的網址不是line.me開頭的怎麼辦呢?例如:https://lin.ee/

只需要將該網址,複製到你的瀏覽器網址輸入框,按下Enter搜尋,該網址自動會轉換成line.me格式的網址,再將這個網址貼過去即可!

這樣子消費者才能順利的藉由點選LINE來加入你的官方帳號喔!

 

最後STEP 3 選擇圖示的顏色,產出程式碼

 

 

將這一長串的程式碼複製給網站架設的工程師,即可完成。右下角的Preview就是網頁預計呈現的子!

 

是不是非常簡單又方便呢?下次在架設電商網站時不妨考慮一下CHAT BY KEYREPLY吧!


總經理/帝王引擎 Vince Wu

2020-04-24

網頁設計範例哪裡找?探索靈感就用Pinterest

    內容大綱

我們在設計網站時,往往也有靈感匱乏的情形出現,

除了思考網站本身的品牌定位及風格外,適時的找尋靈感對繁雜的思緒有很大的幫助。

除此之外,與客戶溝通設計風格或介面呈現方式時,找尋一些網頁設計範例更能加快彼此溝通的效率!

 

Pinterest 提供多種主題,當你不知道從何下手時,試著搜尋關鍵字吧!

 

 

想要什麼風格?

畫面想要呈現簡潔風嗎? 配色喜歡的是這張圖的配色嗎? 有了畫面的幫助,讓我們在設計前先瞭解好更明確的需求。

若是想針對某些特定頁面的呈現方式,也可以定義更準確的關鍵字再做搜尋。

往往我們在規劃時,最需要靈感且設計希望能盡可能豐富的About us 頁面,在這邊也能看到很多網頁設計的範例

 

 

不只找靈感,還能幫助你溝通

當你在思考網站架構時,或者委託製作網頁時,也更能知道資訊如何呈現更顯得美觀又直覺。

畢竟在溝通時,千言萬語都勝不過圖片直接呈現在你眼前!

你不再需要花20分鐘說明 "我想要那種一個區塊一個區塊的, 有團隊介紹的, 但又不要都是字....以下省略100字"

直接到Pinterest 找幾張圖,讓對方一眼就明瞭,省下你寶貴的時間!非常值得一試喔!


總經理/帝王引擎 Vince Wu

2021-07-15

我要架設網站,但,如何購買網址?

    內容大綱

網域可以透過非常多管道購買,若你還不知道如何購買沒關係,我們以眾所皆知的hinet為例為你做購買教學。

首先可以先使用線上檢查工具來確認想要的網域有沒有被註冊過,或是查詢網域的到期日。

若查詢是還沒有被註冊過的話,就可以放心到hinet購買了!

 

Step 1 至hinet域名註冊,輸入網域名稱及域名

 

 

STEP 2 確認網域名稱正確後送出

 

 

STEP 3 確認所需購買的網域名稱,並選擇購買年限後進入資料填寫頁面

 

 

STEP 4 填寫基本資料及選擇繳費方式

 

 

STEP 5 確認繳費資訊並於繳費期限內前往繳費就完成囉!

 

 

後續若需要查看網域狀態請透過hinet域名註冊點選"登入" 並將申請好的網域名稱跟密碼輸入進去就可以查詢了!

 

 

以上就是以hinet作為購買域名的流程教學,以後再也不用擔心不知道去哪買網域名稱囉!也提醒您,網域名稱透過不同管道購買可能價格不一樣,購買前也可以比較看看各家提供的方案喔!


總經理/帝王引擎 Vince Wu

2021-12-01

網站架設時的線框圖(Wireframe)是什麼?

    內容大綱

網站架設時的線框圖(Wireframe)是什麼?
 

當我們需要請網頁設計公司架設網站時,繪製一份網站的線框圖(Wireframe)通常是進行網站架設的第一步。今天就讓我們來聊聊,所謂的線框圖(Wireframe)是什麼吧!


線框圖(Wireframe)是網站外觀視覺進行初步表達的一種形式。它是將一個網站的基本架構以圖形化的方式呈現,用來傳達網站策劃及設計的思想,讓網頁設計公司透過圖形化的形式知道您有哪些網站架構的需求及所需要的功能,進而以客製化的方式開始著手進行網站建置。
線框圖(Wireframe)就如同室內設計裝修的平面設計草圖,在房屋裝修之前,設計師會依照與業主的前置溝通後,先在紙上構思規劃草圖後,與業者反覆討論再開始構思及規劃設計。


為什麼需要使用線框圖(Wireframe)呢?


線框圖(Wireframe)是與客戶進行設計溝通的工具,它能夠幫助雙方確認網站核心部分,客戶因此能夠了解網站設計公司的主要策劃思想,網站設計公司也能因此確保所規劃的網站是朝著客戶想要的方向進行設計。運用圖形化的方式,使溝通設計更為順暢、令服務更貼近需求。如果省去線框圖(Wireframe)繪製將可能造成雙方對網站的設計認知有所落差,導致後期大量修改,延誤交付時間。

 

要怎麼繪製線框圖(Wireframe)呢?


繪製線框圖(Wireframe)不需要想得太過複雜,只要表現出您想呈現的網站重點就好,像是網頁頁面的基本編排、網站一定要有的功能、或有需要特別客製化的功能…等初步的簡略網站架構。只要可以與設計師溝通的線框圖都是好的線框圖。


如果對網站架構沒有任何概念要如何繪製線框圖(Wireframe)呢?


如果您對網站的架構完全沒有想法,也不知道到底要從何著手的話,這邊幫您整理了幾個大多數企業網站可能建置的內容,不妨可以朝著這些方向試著規劃看看。


1. 《公司簡介》 讓客戶了解您的企業背景、歷史發展、品牌理念及核心價值
2. 《產品介紹》 您的企業主要銷售哪些產品? 
3. 《服務項目》 您的企業提供哪些專業服務?
4. 《新訊活動》 您的企業是否不定期對外發佈新訊? 
5. 《教學分享》 是否有一些不藏私的專業知識或技能想要與客戶分享? 
6. 《成功案例》 您的企業過去完成哪些傲人的實績案例? 
7. 《聯絡我們》 您的企業客戶應該如何聯絡到您? 

 

線框圖 vs 設計圖

 

 

線框圖是一個網站決定架設時用來表達一個網站基本架構的文件,對於網站架設的重要性是不容忽視的,當您了解與學會以上的小技巧後,對您日後接洽網頁設計公司時的設計理念討論與溝通過程將會更加順暢。也歡迎隨時洽詢可思科技,我們將以服務為出發點,為您完成心目中理想的網站。
 


相關資訊

其它資訊