Web関連

面白いスマホサイトまとめてみた!

+1

最近、スマホの機能を利用した面白いサイトがあることをご存知ですか?
もしかしたら見たことがあるかもしれませんが、、、きっと楽しんでもらえると思います!

傾きを検知したり、振ってみたり、操作方法を活かしたサイトと、スマホだからこそ楽しめるサイトをご紹介します!
実際に目で見て楽しみましょう!

青春を感じる!!!

このサイトは、シーブリーズのCMで多くの人が知っている有名なサイトです。
サイトがスマホの傾きを検知して、男女別々のストーリーを見ることができます。
左右に傾けてコンテンツをどんどんと展開していきます。
途中、CMにもなっている動画を挟んでいるので、まるで自分がその場にいるような気分になります。

サイトのコンテンツの内容と、操作方法がマッチしているので、楽しんで見ることができます!

sakamoto_sumaho01.png

電気ウナギイヌのCMで人気の・・・

人気女優がCMに出ていることでも知られている、エネファームのオフィシャルサイトです。
スクロールすると、電気ウナギイヌが付いてきて会話も広がります。
このサイトはPCでも見ることができるのですが、一番下まで行くと、右上にある電池メータが100%になります!
思わずタップしたくなったりする仕掛けが多く、ちょっとした時間に見ることができます。
小さなお子さんにも喜ばれるかもしれませんね。

※しかもこのサイトには、電気ウナギイヌの画像も配信しています!

sakamoto_sumaho02.png

宇宙について詳しくなれるかも

このサイトは、英語サイトなのですが、
「宇宙について詳しくなれるかも…!」と思うほどすごいサイトです。
スマホの機能などには特に無いのですが…銀河の中に数えきれないほどの星がたくさんあります。

このサイトは、左上にある再生ボタンを押すと、宇宙がツアーできます!
地球から地球まではどのくらいあの距離だ…などなど、太陽を中心としているので、一番近づけば太陽が大きく表現されています!
コロナなども表現されておりリアルですね。

sakamoto_sumaho03.jpg

端末の傾きを検知するプラグイン!

今までご紹介したサイトで使われているかも?しれないプラグインのデモサイトです。
前に傾けるとページを自動的にスクロールします。

このような機能を入れているサイトはなかなか無いので、印象強くしたいサイトなどは使ってみてはいかがでしょうか?
また、このプラグインには、傾き続けると速度がつきます。
きっと面白いサイトができると思います!

まとめ

いかがでしたでしょうか?
スマホの機能を使ったサイトはまだまだ少ないですが、これから増えるかもしれませんね。

ちょっと気になるサイトを見てみたら、面白い動きをするサイトだった!なんてことがあるかもしれません。
みなさんも気になったCMや広告を見つけた時に見てみると新しい発見があるかもしれませんね!

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作
スマートフォンサイト制作

関連コラム

スマートフォンサイトにオススメ!使い勝手を良くするためのjquaryまとめ!
スマホサイトのメニューまとめ

+1

webサイトにおけるアクセシビリティの考え方前のページ

そのオムニチャネル、大丈夫ですか?次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    クラウドビジネスの動向。世の中のサービスちょっとだけ調べてみました。

    こんにちは、コンサルの横山です。会社の掃除をすることが多くなってきまし…

  2. Web関連

    【人工知能・AI×インバウンド】災害時必ず必要になる情報収集手段

    災害時、自分の身を守るのに一番大事なのものは情報です。もちろん…

  3. Web関連

    webサイトにおけるアクセシビリティの考え方

    Webサイトでは「ユーザビリティ」という考え方が非常に重要視されていま…

  4. Web関連

    webで広がる! おしゃれな誰かの着こなしが分かるアプリ 「XZ(クローゼット)」をまとめてみた

    こんにちは、デザイナーの寛幸です。残暑が厳しい日が続いていますが、季節…

  5. Web関連

    目指せ読書家!読書が苦手な人が習慣を付ける為に行いたい5つのステップ

    「勉強の為に本を読まなきゃいけないけれど、習慣付けられない!」「学生時…

  6. Web関連

    広がりを見せるIoT。私たちの生活はどう変わる?

    最近、私たちの生活の中で『IoT』という言葉を良く耳にするようになりま…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    今話題のマーケティングオートメーション(MA)を考えてみた!
  2. Web関連

    分かる分かるー。スマートフォンサイトコーディングあるある
  3. サービス・新技術

    スマートシティ構想に欠かせないIoT
  4. Web関連

    オタクと刀と活性化
  5. AI関連

    AIが新型コロナウイルスの感染を防ぐ!その驚くべき方法とは!?
PAGE TOP