WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

文字を光らせ幻想的な世界観を創造する

   

名称未設定 1

 

えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特設サイトです。巨大水槽を背景に輝くロゴでとても幻想的な世界が広がり、夜の水族館という新たな雰囲気が伝わってきます。スクロールのみのシングルページで構成されたとてもシンプルなサイトで、情報量も多くはないのですが、ファーストビューでどういう内容か伝わるサイトだと感じました。

スクロールすると4つのコンテンツとビデオを閲覧することができ、各タイトル部分も写真に合わせて加工されています。文章も各ブロックの中央に配置され、色を薄めのグレーにすることで清涼感のある雰囲気が漂います。その下にあるコンテンツでは、まるで魚が実際に興味深そうに見ているかのようなデザインになっており、とても可愛らしいです。

 - 動きで表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …