WebGallery

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

*

アリのマークを用いて様々な仕掛けを作る

      2015/12/15

名称未設定 1

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。

まず、大きく二つに分かれた赤と白のインパクトのある画面が印象強いサイトです。「WORKS」の部分にカーソルを置くとそのコンテンツの幅が広がり、「OVERVIEW」のコンテンツが後ろに下がる仕組みになっています。この時点でとても凄いのですが、何よりも驚いたのが「OVERVIEW」のコンテンツです。

背景にあるドットで描かれたようなアリは、カーソルを置くと分裂?する仕組みになっています。さらにそれを散り散りにさせると社名に切り替わるという何ともかっこいい演出です。そして「FIELD」や「POSITION」などのボタンの下にあるアリにカーソルを置くと、アイコンだったアリに目が出現しカーソルを目で追うようになっているんです。さらにそのアリをクリックするとマップのボタンが表示されるという…本当にすごいです。

 - 動きで表現 , ,

Message

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

  関連記事

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

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

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

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

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

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …