WebGallery

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

*

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

   

名称未設定 1

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

文字やピクトグラムがとにかく動くサイトです。ファーストビューにはタバコを吸っているどこかの会社の社長みたいなおじさんと、その周りに様々な形の吹き出しがあります。背景が赤色なのもインパクトがありますね。
文字にカーソルを置くとブルブル震えたり、人物のピクトグラムが走ったり歩いたり踊ったりと、ちょっと見ていて楽しくなってきます。

対応している業種を紹介している部分では、ピクトグラムと様々な色の吹き出しを組み合わせて作られていて、ぱっと見ただけで分かるようになっています。
メニューを開くと、ガイドさんのような女性のピクトグラムがいて、ボタンにカーソルを置くたびに手を挙げてくれるのもクセになります。

 - 動きで表現 ,

  関連記事

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

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

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

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

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

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

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

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

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …