日藥本舖週年慶 - 飛創意互動

基本介紹

日藥本舖是台灣銷售日本藥品專業經營目標的藥妝店，是國內日系藥妝領導品牌。提供高品質、高安全、高效果的產品，並引進先進國家優良產品，以維護國人的健康。

此次的設計任務是建立一個日藥本舖專用的一頁式企業活動網站，並讓使用者能輕鬆的進行查看獎品、參加活動、登錄發票等活動。

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

設計概念

週年的歡樂感、日係活潑感、響應式設計，是整個頁面的設計主軸。

整個內容相當多，所以頁面也相當的長。
設計團隊花了很大的心思而在設計與執行上，使同一頁面中擁有複雜的元素編排，頁面RWD響應式設計能漂亮的跑位，適應各種螢幕尺寸。

*日藥本舖｜版權所有。

色彩計劃

以貴氣優雅的紅金色，搭配貴氣、金色質感的圖像與文字，創出繽紛歡樂的周年慶氛圍。

除了金色、紅金色之外，也使用白色或淺金色進行搭配。

主軸是週年慶，又有許多需要展示的獎品、促銷分支活動，所以在底紋的顏色上會比較活潑、多樣性。

R179 G137 B79

#B3894F

R248 G236 B212

#F8ECD4

R255 G248 B229

#FFF8E5

R212 G17 B38

#D41126

手機版本

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

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

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

*支援 iOS / Android 智慧型手機。
*日藥本舖｜版權所有。

平板電腦版本

精簡優化後的版本，讓平板電腦也能順暢瀏覽所有精彩的內容。

用平板電腦瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，所有複雜的元素經過優化作業，讓平板也能在較小的畫面顯示中，取得完美的平衡，輕鬆的瀏覽網站。

*支援 iOS / Android 平板電腦。
*日藥本舖｜版權所有。

桌上型電腦版本

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

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

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

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

*支援PC / Mac桌上型電腦、筆記型電腦，Chrome、Safari、Edge、Firefox以上之瀏覽器。
*日藥本舖｜版權所有。