1、创意定位

kerrygold金凯利是一家创始于1962年的爱尔兰乳制品品牌。品牌宣传不止要夸产品的品质如何好，还可以通过其他方式，乳制品本身是用于烹饪或者直接使用，kerrygold以故事为主导的互动式食谱书，帮助孩子们学习烹饪。既把产品融入其中，又帮助孩子了解烹饪并喜爱烹饪。

2、策划逻辑

大致逻辑：用户信息设置（昵称和形象） → 就餐信息 → 故事类型 → 互动故事+食谱 → 荣誉

用户信息设置：Loading加载，用户互动翻看食谱书，输入昵称，选择用户形象（肤色、头型、眼睛、鼻子、眉毛）；

就餐信息：三餐类型（早餐、午餐、晚餐、还是甜点）、就餐类型（烹饪难度，用餐者是不是素食者、有无蛋要求）、食谱选择；

故事类型：4个不同主题的故事，后续将围绕这个主题故事进行烹饪互动；

互动故事+食谱：轻叩大门，开启烹饪之旅，用户信息设置中的卡通形象和故事类型，在烹饪的不同步骤中，有不同的交互，例如调制烤箱温度，搅拌等；这个过程中，用户还可以下载食谱（生成pdf文件）或者将食谱发送邮件到指定的邮箱；

荣誉：烹饪完毕后，可以下载参与的烹饪故事（pdf格式文件），刚才互动的每一屏都有，还包含选择的食谱；每次互动后，得到不同的贴纸，记录参与了不同的主题故事；用户可以返回继续参与其他故事，也可以继续点击返回上面的其他信息选择页面。

3、视觉交互

萌哒哒的卡通手绘人物和动画形象，暖色调，这种画风在儿童绘本中常见，是孩子们喜爱的风格；不同的食谱制作步骤有不同的交互。

4、技术上

案例中飘动的光斑效果使用OpenGL的shader渲染完成；很多动画效果使用SVG完成，例如滑动食谱书封皮的效果。

网址：https://www.themagicalpantry.com/