網頁設計新案分享-Mr Bruno

　　
最近完成了一個很夢幻的品牌店官網喔

給大家欣賞一下:


MR.BRUNO是一家在台北享有盛名的甜點蛋糕店，網路上可以搜尋到許多他們的介紹文章，老闆娘是台灣人而她的老公則是道地的法國人，兩人常常往來台法兩地，所以做出來的甜點有著道地的法國味。

　　雖然他們已相當知名，不過因為網站相當老舊，常有客人反映他們東西如此美味，跟網站實在不太搭，也正在此時經由朋友介紹，老闆娘找上了紅威，在幾次的溝通後，MR.BRUNO為了追求更高的品質，經紅威介紹也重新攝影，加強品質，最後網站的成果雙方皆相當滿意。

有空歡迎大家:來品嘗喔

官網http://bruno-xxking.com/

網頁設計新案分享_長青動物醫院

Hello~~

今天小編要來分享一個客製化網頁設計案例，就讓小編來告訴你，客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

➤業務分享：

客戶介紹：

長青動物醫院是一家在萬華區享有盛名的動物診所，在網路上一查便可知道，他們的醫生富有愛心，並對來看診的動物們都非常的友善，所以有著相當多的好評。

解決舊系統問題：

因為要擴大營業，將原來的二樓也變成看診的地方，於是他們想趁著這一次，順便將傳統網站改為響應式網站，以便順應潮流，讓想知道長青動物醫院相關訊息的客人，也能透過手機方便的得到他們醫院的資訊。

再次選擇業界最優質的紅威媒體：

整個過程相當順利，也在他們改建完成後，網站同時完成，讓來看診的客人有線上、線下都耳目一新的感覺。

➤設計師分享：

長青動物醫院的主配色與logo相符，為深綠、青綠、白三種配色，
而首頁特別的地方為 他的 banner前方有兩塊白底是固定的，在輪播的同時
只會更換banner部分

內頁部分將儀器設備的說明做成相簿的形式，使用者可自行點選想了解的項目，

觀看此項目的詳細說明

網頁設計新案分享_隆特拉

Hello~~

今天小編要來分享一個客製化網頁設計案例，就讓小編來告訴你，客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

➤業務分享：

隆特拉是一家專賣頂級防水箱的公司，先前一直沒有製作網站，並使用傳統的方式來作銷售，因為了解到網路銷售的重要性，找上紅威媒體洽談響應式網站的製作。

在紅威的講解下，他們了解到網路銷售如果能做的好，其實營收方面不會輸給實體通路，並因為我們的系統能做到非常多元的行銷方式，如：加價購、滿額購、團購等，很快就決定與我們合作。

製作過程中為了良好網站品質，隆特拉找了專業的攝影師拍攝，讓整個網站的質感提升到極佳的層次，最後順利結案。

➤設計師分享：
整個網站採用簡約但聚焦，時尚但不奢的排版方式，也利用了點與線的效果增加了網站與使用者的互動性，簡單明瞭的敘述以及圖樣也充分提高了網站整體質感。

另外，客製化表單的部分，更能讓網站與使用者挑選商品時的互動更進一步提升。

網頁設計新案分享_歐品餐具

Hello~~

今天小編要來分享一個客製化網頁設計案例，就讓小編來告訴你，客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

客戶分享：

歐品餐具為一家西餐餐具公司，此公司都是提供精品及進口高級餐盤及玻璃杯。

這次客戶希望將他的舊網站，改版為新式的響應是網站，除了增加網站質感，也增加曝光度!

✅解決舊系統的問題

在紅威經理細心分析下，發覺他們的網站仍是傳統型的網站，雖然整體外型尚可，但卻少了一絲靈性，加上傳統網站在搜尋的分數會較低，所以不論是網站的ＳＥＯ或做關鍵字行銷的成績都不算太好。

再次選擇業界最優質的紅威媒體

經過這次的設計，整個網站質感不但大大提升，客戶很滿意之外，也將整個品牌形象提高！

設計分享
歐品餐具主色以黑白作為搭配，顯現出簡約大方不失優雅的感覺，

因為版型很簡單所以特別做了滾輪往上浮動(類似視差滾動)的效果，

而內頁客戶主要想陳列每一個商品，所以在內頁的商品排版做一些變化讓每一頁不死板

網頁設計新案分享_波士頓

Hello~~

今天小編要來分享一個大陸上海客製化網頁設計案例，就讓小編來告訴你，
客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

✅客戶介紹

波士頓是原本長頸鹿美語的高階主管,來到大陸成立的新品牌,因為要找加盟代理商,所以希望規劃一個品牌形象的網站,一開始原本希望走活潑可愛的路線,所以採用我們經濟型的製作方式,規劃了整個網站的內容,整個過程非常的順利,也準備將那內頁的修改完成後,就打算安排結案了,而此時他們的股東反而認為這樣的網站只能吸引到小朋友跟家長,沒法吸引到加盟商讓加盟商感覺到專業,所以有針對這一個網再重新以豪華型的方式製作,支付了一個升級的費用，重新出首頁設計稿，並且重新針對首頁切版上線，並順利地結案，整個製作的過程中在我的感覺設計師非常的用心，從設計稿的製作再到首頁的上線與內頁上線幾乎是零修改,是個非常順利也美觀的案件！

✅設計理念

波士頓首頁選單做了有別於以往的動態變化效果，當滑鼠移入的時候，選單才會出現，讓版面更加的活潑生動，如圖

首頁其他的設計都是以一些可愛的元素做些微的點綴，並加上動態的動畫效果，使得整個網站的風格更符合客戶想要的活潑可愛

內頁的部分以不更動原先的設計為原則，將頭部與底部融合其原先的設計，使其畫面較無有違和感，讓整體網站一致性提升

網頁設計新案分享_仁愛桌球

Hello~~

今天小編要來分享一個客製化網頁設計案例，就讓小編來告訴你，客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

✅客戶介紹

仁愛桌球是台灣知名的桌球教學教室，以教導兒童桌球為主要營業項目。

第一次與他們進行討論，發覺他們對網路行銷其實有一定的概念，也有做過關鍵字廣告，雖然公司的業績已經很好，仍想更上一層。

✅解決舊系統的問題

在紅威經理細心分析下，發覺他們的網站仍是傳統型的網站，雖然整體外型尚可，但卻少了一絲靈性，加上傳統網站在搜尋的分數會較低，所以不論是網站的ＳＥＯ或做關鍵字行銷的成績都不算太好。

✅再次選擇業界最優質的紅威媒體

經過了一週的討論，仁愛桌球便決定在招生期前進行改版，以便下一次的招生能有更好的上課人數。

🔻仁愛桌球官網連結🔻

網頁設計新案分享_中華消防協會

Hello~~

今天小編要來分享一個客製化網頁設計案例，就讓小編來告訴你，客戶有多滿意！！！！

首先，我們就來分享一下我們的客戶

🔻🔻🔻🔻🔻🔻🔻

✅客戶介紹

中華消防協會是專注於消防事務協會組織，會長曾經與紅威媒體有過網站合作的良好經驗。

✅採用RWD新技術

因為中華消防協會的網站已經製作多年，在手機上瀏覧也相當不便，剛好得知紅威也有在做ＲＷＤ網站，於是立即找我們洽談合作。

✅解決舊系統的問題

協會原先的網站系統的限制，有些報名與購物的功能無法順利使用，只能用退而求其次的方式來將就使用。

✅再次選擇業界最優質的紅威媒體

在深談之下，發覺紅威的新系統可以幫助他們做到有效的整合，並在畫面的呈現上也有良好的視覺展示，這相當符合他們的需求，也因此很順利的就達成合作共識。

🔻中華消防協會官網連結🔻

網頁設計案件分享-大陸案子redstone終於完成囉, 很用心呢

Jospph:
第一次跟客户见面的时候，客户提到他们是做金融产业，但主要是培训别人怎么做金融，所以主要还是以培训课程为主，在给客户看过我们一家在上海陆家嘴的金融公司：诚泰公司的网站以后，客户就对我们可以做陆家嘴金融公司感到有信心，并且也对诚泰的前端视觉感觉挺好，但是在功能上他们提到很关键的一点：希望在一些页面做权限的控管，并且要在里面可以有视频的播放，所以有跟客户沟通过专案开发的方式来制作，或者用mshop的后台，当然在费用上面就会差个两到三倍，所以客户认为费用上面不希望太高，前端的视觉也希望可以克制化呈现，所以在信任跟专业的沟通后，客户就决定采用我们mshop的方案，进入排程以后，客户一看到我们出的layout就很满意，很快进入上线的动作！只是上线后因为客户的电脑应该是比较小的笔记本，所以看到的上线效果都跟layout不一样，字没对齐文字太大太小，所以跟客户说明响应式网站的概念确实会有不太一样呈现效果后，客户才能理解，也就很快进入内页上线跟结案！

Ben:
這次結案的客戶為redstone 芮時，
客戶主要是做財經課程講座，首頁整體以乾淨、整齊為主要切入點，
搭配著背景遠近與模糊效果來凸顯課程的主要文字內容，

配置的設計上，
最新動態使用輪播圖片的方式呈現，
每篇消息都記載著課程縮圖、主題、時間、地點，
讓瀏覽者可以一次了解每個課程

熱門課程偏向廣告的設計，運用簡單的標題與圖片來吸引瀏覽者的目光

講師介紹的部分，
凸顯著講師的個人經歷。

整體網頁的配置上，可以在首頁完整明確了解這家網站的所有優勢。

最新動態的頁面，上屏也放上要推薦的課程圖片，
客戶可以將主打動態放在此處做廣告使用

內頁的部分，排版成像是微信公眾號的廣告排版方式，
令使用者無論是手機版本或是電腦版，都能達到相同的使用體驗。

財經日報坎入最新的財經資訊，
使人可以在瀏覽網站的時候，一併了解各地的匯率

20171107-大陸網站完成案例響應式網站正泰陶瓷商行

結案分享-正泰陶瓷商行

業務 Joseph:
这个客户的窗口是在医院上班的人，所以第一次去客户那边的时候，我以为是要做医院的网站，结果才知道原来要做的是紫砂壶的网站，因为这个是他们家族的事业，但因为他们家族是在内地，所以希望有他在上海并且有出国游学过的人来规划这个网站的制作，这个网站的呈现有点不像响应式网站，因为我们目前大部分看到的响应式网站，都会是首页拉的比较长，而他这个首页的呈现，感觉还蛮像以前电脑版本的网站，客户希望就是在首页上几张轮播图呈现而已，所以在首页的制作跟上线都非常的快，但是在内页上线的时候，由于客户其他工作比较忙的关系，所以花了比较长的时间追踪，包含到他这个网站有购物车的功能， 所以会需要在购物流程上面确认每一个环节，所以也在确认完这些环节以后，客户就主动提出结案，并且希望自行维护，也就顺利在上个月完成了这个项目。

設計師 Zona:
這次的網站，整體走一個非常鮮明的中國古典風，從網站內的圖片以及其字體採用有別於以往的微軟正黑體，為了配合網站的整體風格，特別運用了"仿宋"字體。
在輪播圖的部分，因客戶反應在手機上瀏覽時，輪播的切換鍵會影響圖片的館看，特別在手機版的部分做了第二組輪播，也將切換鍵拉掉，避免影響客戶的瀏覽。

內頁的標題旁也都加入了一些茶壺的插畫等來作為點綴，背景體圖也押上了淡淡的圖騰紋路，來呈現較為古典的風格，其餘的內頁也都是傳簡單的圖文排版，使得網站呈現傳統古典又不失優雅的格調。

20171002網頁架設響應式網站結案案例-活力創意

業務 William:
此客戶為raw合作方案對象，已經持續追蹤四個月，客戶也是一直反反覆覆不能給業務一個明確的答案是否合作，但還是認為此案子有機會，所以保持定時追蹤客戶的良好習慣，在一個契機下，剛好客戶有接到一個關於網站的案件，所以因此利用這個切入點去與客戶討論raw合作細項，讓這合作案完美的簽約。

設計師 Zona:
本次結案的網站，為客戶自己出layout，整體網站以許多可愛動物的手繪風為主，顏色多採活潑，在圖文的配置方面也較為生動不死板運用許多形狀來呈現，下方也有再放一組小輪播，作為商品輪播

內頁運用了大量的頁籤切換功能以及小圖換大圖的圖片展示法，來放置其內容

其他內頁也放置了許多小圖換大圖的輪播設計做為此網頁主要的圖片切換呈現效果

20170919網頁設計案例-響應式網站華海

華海終於順利結案了, 我們來看一下當初的業務及設計師怎麼說呢?

業務 Max:
華海是原先是一家經營大理石買賣的公司，所以舊的網站是以原廠的大理石展示為主。後來有心經營自己的大理石切割事業，加上近年響應式網站的崛起，於是聯絡紅威討論改版事項。 初始時，華海公司人員對於如何改版相當疑惑，畢竟除了改為響應式網站外，還得由原先的品牌經營，改為大理石切割為主的網頁，溝通的過程中，紅威給予相當多元的建議，並從多個面向切入，最後雙方定案，網站的主體要以產品的展示為主，加工過程為輔的一個樣貌，也因為有此共識，製作過程相當順利，最後完成了令人滿意的結果。

設計師 Zona

本次結案的網站，設計風搭較為簡約科技感，符合其偏向工業技術的產業類別，不走可愛或溫馨路線，整體色系風格著重在深藍以及白色這些冷色系的搭配，首頁與圖文排版交織，簡單的的呈現方式

在版材色號頁面，因客戶有許多商品的材質圖(目前先用公司圖庫代替)，在設計部份了華過去有將圖些微放大的效果，讓使用者能更清楚的一覽產品細節

20170802-響應式網站南北雞鴨店結案分享

                     南北雞鴨店 結案心得報告


從業務說明一下:

一、 南北雞鴨店位於台北市錦州街松江市場，是陌生開發的客戶。因為客戶本身是屬於比較傳統的行業，所以對網站架設和網路行銷比較不瞭解，但是客戶主打的商品是滴雞精，非常適合做網路販售，和客戶討論後建議可以先做套版的網站，初步的構想是讓網站成為南北雞鴨店的網路商店。

二、 簽約後，客戶選了需要HTML外部功能的版型，但這沒有提醒客戶往後的維護會較為困難，之後應該避免此種狀況。客戶本身也沒有準備商品的圖片，相關的文字介紹也較為匱乏。因此幫客戶找了神速影像工作室，拍攝相關商品圖片，拍攝時也有到現場協助他們，同時也請客戶準備相關的形象標語、產品簡介、相關的檢驗報告、店家歷史、報章雜誌媒體報導、產品的製作過程…等等，前期的資料準備雖然龐大，但還算順利。

三、 製作中，發現這個版型應用在RAW上會有難以維護的狀況，因為左側選單的部分，客戶若要置換圖片需要將圖片縮放到適當的大小才能替換，首頁的部分有百分之八十都需要語法來更改，但是考量到首頁已經製作完成，將會採取詳細教學的方式，讓客戶了解如何修改，之後的教學會是重點。


四、 網站製作完成後，整體的配色因為要和客戶的LOGO搭配，因此採用咖啡色為主，白色為底的配色。首頁大圖輪播利用客戶自行提供的照片(老闆和員工的合影)製作了三張BANNER給客戶，下方是熱門商品和精選商品的陳列，底部是崁入GOOGLE地圖還相關聯絡方式。比較特別的是手機板的網頁，有設計三個選項(精選商品、我們的產品、最新消息)的按鈕在版面下方，讓瀏覽者可以馬上進入購物，是一個相當貼心的設計。


五、 中間經客戶內部討論之後列出幾個想要修改的地方:
1.LOGO想要移動到畫面左側
2.搜尋BAR要移動到往畫面右側，與圖片切齊
3.取消底部的地圖崁入，將地圖置放到連絡我們
和客戶研究這些修改的問題之後，最後說服客戶維持第2.3點的設計，但客戶堅持將LOGO置換成較為複雜的版本(客戶自行提供)，新的LOGO新增了紫色線條、和紅色的字體。

六、 經過一個禮拜的測試，各項內容，都顯現正常，並且到客戶那邊教學了兩次，客戶大致上對內容修改已經有了相當的掌握，最後順利安排結案囉。

20170627響應式網站結案分享-榔頭模型

終於結案囉, 以下為業務wing的分享:

榔頭模型在生存遊戲業界算是小有名氣，店裡除了模型槍之外，還有許多周邊設備及協助維修服務。因此他們除了經營實體店面外，也希望消費者能夠在網路上面可以直接購買到他們的商品，所以才希望由我們協助製作一個網路商城來販售。
    一開始客戶有希望參考的網站，但後來該網站做了改版，因此須多的設計及功能都須要重新討論。在討論的過程中，有些系統無法支援到樣式，我們提供另一種替代方式及建議。因此客戶覺得雖然無法完全照他希望的方式，但我們能提供出相似的方案給他，覺得非常好。


設計大師Ben的做法與想法:

本次結案的客戶為榔頭模型，網頁的TA族群為購買者，經討論後將網站整體呈現偏向電子商務風格，
令使用者進來可以直接看到最新商品與熱門商品，採用的設計為豐富的三欄式設計，這種呈現方式妥善運用網站所有空間來做商品與資訊的呈現。

在手機版的呈現上面，因響應式排版會令三欄式網頁呈現過長的問題，經討論過後，建議將與內頁重複的資訊移除，讓使用者有比較簡潔的體驗

在手機的呈現方式上，產品分類頁製作成收合的方式放在左側，製作為點擊之後即可拉出選單。