カニカマなの！？蟹なの！？

私がいいと思うウェブデザインは

カネテツデリカフーズの「ほぼかに」

という商品のウェブサイトです。

このサイトには様々な仕掛けがあり、面白く商品の概要を知れます。

まず初めに商品のヘッダーです。

このヘッダーでサイトの目的や商品が一目でわかるように工夫されています。

また、黄色と青を使うことで、フレッシュな感じやインパクトが出ていて

とてもワクワクし、どんどん興味が出ます。

次にサイトの流れです。

初めに、商品シリーズの説明

次に、面白わかりやすく商品のカニカマと実際の蟹の比較

(真ん中の線をスライドすることでカニカマと蟹が入れ替わるようになってます。)

カニカマの売り上げ

こちらにもアニメーションがあり、みてる人を飽きさせない工夫があります。

エピソードトーク

ほぼシリーズの年表

ほぼシリーズの商品写真、コールトゥーアクションと
実際に商品を使って作ったレシピ

前半は、サイトに興味を引くために面白い仕掛けやカラフルなデザインを使っており

エピソードトークからは、背景が和紙にして高級感を演出し、シンプルなデザインにすることで商品が引き立つように、

また、内容も前半よりも詳しく書かれていました。

次にスマホ版です。

スマホ版はPC版と内容やデザインは変わりませんが、縦を意識した配置になっていました。

サイトの感想

PC版、スマホ版で配置を変えることで、

どちらも全体的にみやすく、とても使いやすいと感じました。

ただ、アニメーションなどの仕掛けが多いため、スマホ版だと読み込みが遅いのが気になりました