新美齊心居 - 飛創意互動

基本介紹

新美齊集團是一家多元化的企業，旗下業務包括不動產事業、建築開發、物業管理等。

此次的設計任務是爲心居這個建案，建立一個一頁式產品形象網站，並讓潛在消費者被導入網站後，能快速的了解整個建案，進而透過電話聯繫或直接前往賞屋等。

因應智慧型手機與平板電腦的重要性日益高升，採用了RWD (Responsive Web Design) 響應式網站的設計方式，以滿足桌機與各類行動裝置的整體需求。

設計概念

大氣、簡潔俐落、國際感，是整個頁面的設計主軸，同時搭配RWD響應式設計，讓來到網站的每個人，都能快速聚焦到產品上，引導使用者聯繫或參觀銷售中心。

圍繞著「新美齊心居」這個建案明星，眾多的設計與編排如下：

Welcome｜歡迎頁

Location｜地理位置與周邊介紹

Point｜重點優勢

Group｜集團與知名作品介紹

Gallery｜建案內外觀藝廊

Designers｜國際級設計團隊介紹

Contact｜貴賓專線 / 紛絲專頁 / 立即導航

在同一頁面有高度複雜元素編排的情況下，RWD能漂亮的跑位，適應各種螢幕尺寸，在設計與執行上設計團隊花了很大的心思。

*新美齊心居｜版權所有。

色彩計劃

這是一個以房屋銷售的產品形象網頁，設計團隊以深淺不同的灰色，搭配標準色的亮橘色，營造出高級的氛圍感。

設計團隊在網站內還使用了不少大面積的白色，以及高彩度的亮橘色，讓Icon或文字，都能有一些不同的層次。用。

此外，盡可能使用大面積、無邊框的圖片陳列設計，也凸顯整個建案的大氣感，同時也讓不同區塊的空間被延展或區隔開來。

R255 G103 B27

#FF671B

R62 G58 B57

#71706E

R113 G112 B110

#6aa2c0

R0 G0 B0

#000000

手機版本

針對手機的直式畫面設計網頁，即使單手也能順暢瀏覽網站與所有精彩的圖文內容。

用智慧型手機瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，幫助螢幕較小的手機用戶也能快速的找到所需的資料。

針對智慧型手機的直式顯示方式，設計團隊也更優化操作界面，用一目了然的選單，讓手機的使用者能快速切換頁面或單元，找到所需的資訊。

*支援 iOS / Android 智慧型手機。
*新美齊心居｜版權所有。

桌上型電腦版本

用桌上型電腦或筆記型電腦瀏覽此網站，充分利用桌機效能，讓橫式大畫面呈現最佳效果。

桌上型電腦版本，保有最完整的設計細節、動態滑動表現，不論選單、物件的動態滑動感，在桌上型電腦版本都能有最好的表現。

設計團隊期望使用桌上型電腦、筆記型電腦的使用者，能在驚奇、愉悅的氛圍下瀏覽網站。

以RWD (Responsive Web Design) 響應式網頁的方式設計，使網頁顯示的區域、可閱讀的範圍，變得比一般網站更大更寬，在瀏覽圖片或文案時將有更好的的瀏覽品質。

*支援PC / Mac桌上型電腦、筆記型電腦，Chrome、Safari、Edge、Firefox以上之瀏覽器。
*新美齊心居｜版權所有。