nissin.com top

I created a top page for the Nissin Foods Group. Working with an art director, the site is an endless loop of Nisshin Food Group products and commercials.

It took over a year to create and I made many prototypes and showed the clients them and got feedback, then finalized their concept for the top page of Nissin.

The 3D spirals were created in WebGL so that the site can be displayed on both smartphones and PCs. You can scroll this site Infinitely.

How we update the contents or codes

we pushed the codes to github, and then it deploy to the server in aws. Client can upload images or 3D models and their data to CMS, Contentful, whchi will be fetched when you browse the site.

日清食品グループのトップページを作成しました。アートディレクターの方と組んで、日清食品グループのプロダクトやコマーシャルを無限にループするサイトになっています。制作には１年以上かけ、多くの試作を作りました。

3D螺旋はWebGLで作成し、いくらスクロールしてもスマホ、PCどちらでも表示できるようにしています。

試作#01

試作#02

試作#03

試作#04

試作#05