1.创意定位

由日本的Prior制作的一支介绍业务（他们的业务：婚礼和酒店）的H5。

2.策划逻辑

整个H5主要分为两部分：

①第一部分：主页是蓝灰色的，写着黑字“欢迎，了解更多关于PRIOR的酒店与婚礼的真实活动”点击最下方的“探索”开始滑动，灰色的背景上会出现一条白布，旋转着进入，跟着手势的方向动，总共有5个标题，向下滑动的时候白色布条会随着动作动，背景也会换颜色，飘羽毛等。当停留在一个标题上时，布条会接近画面并显现出他的图案。

点击左上角的菜单可直接选择，最上方的中间的“RIOR”是返回，

1-5是连接：更多关于心灵和思想的连接。

2-5是热情好客，更多关于我们的同理心。

3-5是情感，更多关于在高地唤起的情感经历。

4-5是真实性，更多关于我们的真实性。

5-5是雄心壮志，更多的关于我们的雄心壮志。

②第二部分：任意点击一个标题后会出现他的内容页。上方是标题，标题下就是“回到导航”按钮，下面是包含对当前5个标题的详细阐述的文字和图片的内容。

3.设计上

整体是素色，清新的颜色和简洁的字体。

4.技术上

背景的动画，通过创建Canvas画布，自定义JS的动画实现