【nemoセレクト】参考サイトのご紹介 Vol.01
こんにちは、Webディレクターのもっちです(=゚ω゚)ノ
みつやトリなどが参考サイトを挙げている中、全然私の方でご紹介ができていなかったのですが、これからは定期的に参考サイトをご紹介できればと思っておりますよ!
とくに毎回毎回テーマとかはないのですが、アニメーションやUIなど、何か皆さんのお役に立てれば幸いです。
では早速紹介していきましょう!
ADJUVANT CLEAR GEL
商品名が「クリアジェル」という事で、ページ全体で透明感が表現されているページです。
また、途中「とろ~りやさしく」とあるのですが、スクロール自体もスピード感を抑えて、ゆっくりとコンテンツを見せることでアイテムの特徴を表現しているのではと感じました。
このようにページ全体でアイテムを表現できているのはとても素晴らしいなと感じています。
SHIBUYA TSUTAYA magazine
URL:https://shibuyatsutayamagazine.com/
渋谷のスクランブル交差点にある「SHIBUYA TSUTAYA」様の誕生20周年を記念して新しい雑誌が創刊した際の告知LPです。
大きなフォントでインパクトを与えているのがとても今の流行を取り入れていると感じました。
画像をマウスオーバーすると写真のネガのように色が反転します。
SHIBUYA TSUTAYAならではの遊び心溢れるサイトで、とても興味が惹かれました。
あおざしからり
URL:https://www.aozashikarari.com/
京都や通販で販売されている新感覚のあげもちのページです。
MVのかつてのフラッシュを思い出すつくりや、イラストを使用して温かみを演出したり、各コンテンツの表示アニメーションがとても可愛らしいサイトです。
下層ページのLINE UPでは一定時間ごとにランダムでアイテムが左右に揺れるのもとても面白いアイディアだと思いました。
ドラゴンクエストウォーク
URL:https://www.dragonquest.jp/walk/
日本の国民的ゲーム「ドラゴンクエスト」のARを使用したアプリのページです。
背景にずっと動画が流れているのですが、ここまでストレスなくページを閲覧できることに単純に感動いたしました。
ドラゴンクエストの世界観を表現したCTAなども魅力ですので、是非一度ご覧いただきたいサイトの1つです。
ギリシャヨーグルト パルテノ
MVが3分割されてギリシャの風景や使用された食材が色鮮やかに紹介されていて、とても食欲をそそるページです。
下層ページには商品のLINE UPや商品を使用してアレンジレシピなどが紹介されており、コンテンツも充実しています。
特にお気に入りなのがスペシャルギャラリーの動画です。
ギリシャのおばあちゃんが美味しそうなヨーグルトを作っている動画なのですが、これだけで是非食べてみたいと思わせてくれています。動画大事ですよね…
CINEMA & Crispy
URL:https://cinema-and-crispy.jp/
アイスの王様、ハーゲンダッツのクリスピーサンドのキャンペーンページです。
泊まれるシアター「Theater Zzz」でクリスピーサンドのサンプリングを告知しているページなのですが、最近のシネコンというよりは昔の映画館の雰囲気を醸し出したページのデザインがエモいページとなっています。
この映写機とか今このページか金曜ロードショーでしか見れないのではないでしょうか!?
ここはひとつ洒落こんで、「シネマ」ではなく、あえて「キネマ」と言いたくなりますね。
それにしてもクリスピーサンド食べたい!
さて、いかがだったでしょうか?
お気に入りのページが1つでもあったら幸いです。
最後の方は食べ物シリーズで飯テロしていたらすみません。
今後も定期的にご紹介できたらと思いますので、また次回のブログでお会いしましょう(=゚ω゚)ノ
Writer
nemo
会社でアニ研(アニメ研究会)を設立したりするヲタク系Webディレクターです。
大切なことは音楽とアニメと漫画から教わりました。