Git Product home page Git Product logo

cfood_enter's Introduction

🐟 Cfood_enter | 味補鮮知 - 海鮮的秘密

由女孩蔚蔚意外展開的海底旅程,引導使用者認識台灣常見的頭足、貝、魚及蝦類海鮮。想知道它們「如何分辨」、有什麼「挑選要點」、食材「處理步驟」,以及有什麼「相關美食」嗎?這裡就是你的最佳知識庫!

.

👀 Youtube Overview | 影片介紹

味補鮮知_介紹影片

👉 Introduction | 緣起

身處漁產豐富的海島國家,海鮮料理是大家餐桌上的常客。然而看見這些佳餚時,你是否也說不出它的名稱,只記得那是「媽媽的味道」?

本團隊以「食魚文化」為主軸,將二十四種常見海鮮從產地到餐桌的過程,製成網站、遊戲與經營社群,並以國小高年級生為主要受眾,期望讓「好好吃飯」的觀念從小開始,傳承健全的飲食生活與文化,進而珍惜海洋資源。

.

🚢 Website | 飛艇與海底冒險:網站圖文互動

味補鮮知_網站介紹

互動風格

本網站以國小五六年級生為主要受眾,因此整體美術風格偏向活潑繽紛的繪本風格,標題亦使用貼近他們的流行語為引言,並安排家庭採購的情境式劇情,增進生活代入感與自身關聯性。

互動方面,則使用Skrollr.js視差滾動動畫、動態資料庫AOS.js,讓頁面滑動時更生動活潑。使用者於前導劇情後,分別進入「頭足類」、「貝類」、「魚類」與「蝦類」的介紹頁面,於各章節小精靈的引導下,逐一認識選、買、洗、煮等過程。

.

內容呈現

  • 分辨海鮮:呈現動物外觀,點擊彈出式視窗後更能瀏覽別名、產地與盛產期等資訊。

  • 挑貨要訣:以卡片式簡單圖文呈現。

  • 食材處理:除了簡要的步驟圖,也附上相關的食材小知識。

  • 相關美食:以猜燈謎為發想,點擊燈籠提示後,可見與上方動物相關的美食圖文介紹。

.

觀看網站

.

🏆 Game | 鮮之塔的食客:海鮮遊戲大會考

味補鮮知_網站介紹

劇情介紹

看完介紹網站,想不想測試你對海鮮們的熟悉程度呢?在這項文字冒險遊戲中,玩家將跟隨貪吃的主角「海戴芽」勇闖鮮之塔,答題擊敗怪人關主們取得獎勵,選擇不同的對話選項,也將推進不同劇情,讓你在遊玩過程中,除了大呼角色屬性要素過多,也能無痛補充海鮮小知識!

至粉專觀看詳細介紹

  • 遊戲類型:冒險/劇情向/猜題遊戲

  • 遊玩時間:約10至15分鐘 (Gameplay time : 10-15 minutes)

.

下載連結(點擊後將自動下載)

windows版 172MB | MacOs版 539MB

.

🔥 SNS & Sticker | 社群與貼圖行銷

味補鮮知_社群介紹

味補鮮知_貼圖介紹

除了網站,我們也設計以海鮮們為主角的貼心問候貼圖,並經營粉絲專頁等社群平台,在每週四21:00更新網站上沒提到的海鮮小知識!如果你想跟海鮮們鮫流鮫流,成為海鮮界的魔幻大師,歡迎按讚追蹤「味補鮮知」,同場加映Ig搜尋「味補鮮知 - 海鮮的秘密」。

社群平台

味補鮮知_facebook | 味補鮮知_instagram

.

line貼圖購買連結

鮮不說了ㄅㄅ

.

🙇Thanks for scrolling!

.

cfood_enter's People

Contributors

87penginnouta avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.