健达：L’Oeuf Kicétou

2019-02-12 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

L’Oeuf Kicétou-查阅二维码

完整欣赏此案例大约需要1分钟

案例：L’Oeuf Kicétou

出品：健达

亮点：

1. 创意定位，以健达的卡通3D形象，教小朋友识别情绪、小动物等。

2. 策划上

首先是健达的卡通3D形象和小朋友打招呼，点击下面的转盘，会出现不同主题的讲解。

主题有：动物、生活、恐惧、空间、自然、旅行、情绪、身体、天气。

选择好主题后，点击左侧的眼睛图标，查看对应主题中的问题。

在展示界面的左下角的白色圆点，是显示当前问题，右下角的向上和向下的箭头是切换问题。每切换一个问题，头部会显示对应的问题和用法语叙述问题。

例如：身体主题。对应5个问题有“为什么我们要睡觉？”“食物在哪里？”“肚脐有什么意义？”等，充满童趣的问题。

在对应的问题上，点击健达的卡通3D形象上的视频图标，会播放对应问题的视频。

我们还可以点击左上角的菜单图标，以Email的形式，提出自己的问题。

3. 设计上，除了健达的卡通形象是3D，其他的卡通是2D扁平风格，暖色调。

4. 体验上，这支H5既兼容PC端，也兼容手机端。法国的域名，访问起来比较慢，可以直接在电脑端输入网址直接看https://www.oeufkicetou.fr/，里面内容都用法语讲解。

技术实现： threejs

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签