WebGallery

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

*

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

      2016/11/11

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

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

ファーストビューの真ん中に表示される五円玉のようなコインが印象的なサイトです。とにかく丸を使ってwebをデザインしています。
トップページの、不規則に配置されたパネルやファビコンなど、ほとんどが丸で構成されています。ヘッダー部分のメニューにカーソルを置いた時も、文字が丸くクルクル回ったりと動きでも丸を表現しています。

パネルのコンテンツも、制作事例の写真や最新情報・SNSの各リンクボタンなど様々な種類のコンテンツがあり、豊富な情報量なのですが丸の大きさを変えたり文字での情報を最低限にした分、ページが長くならずスッキリとしたレイアウトになっています。

 - 動きで表現 , ,

  関連記事

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

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

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

グローバルナビよりも目立った言語切り替えボタン

熊本県にある有限会社「球磨川ABC」のホームページです。左側に固定された言語選択 …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

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

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

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

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

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

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

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

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

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