WebGallery

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

*

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

   

名称未設定 1

 

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

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

 - 動きで表現

Message

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

  関連記事

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

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

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

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …