WebGallery

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

*

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

   

名称未設定 1

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。

全体的に原色に近い色合いでとても明るく楽しげな雰囲気のデザインになっています。トップページではロゴマークの後ろの太陽がクルクル回っていたり、その下の「当園について」や「入園案内」のボタンなど、ホバーさせると少しだけ動くアニメーションも面白いですね。

この丸いボタンはスマートフォンで見てもその形状を残したままデザインされているので、凄いです。ボタンも1つ1つが大きく配置されているので、スマートフォンでもタップしやすいデザインで使いやすさでも工夫しているなと感じました。

幸明幼稚園のロゴマークである鳥も背景やボタンなどの各所に配置し、1枚の絵になっているようなサイトデザインだと感じました。ページのトップに戻るボタンも、鳥自身は回らないのですがその上のフキダシ部分が回って風見鶏を連想させる動きだなと思いました。

 - 形で表現 ,

Message

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

  関連記事

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

不思議な空間に迷い込んでしまったような「WONDERLAND」

表参道にあるSABONがクリスマスコレクションの「EXPLORING WONDE …

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

最新ニュースをさらにカテゴリ分けして情報を伝わりやすくする

「ONE TOKYO」というランニングを通じて皆とつながろうという活動を紹介して …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

イラストや図を用いて分かりやすく説明

「スーパー乗るだけセット」という新車の購入方法を紹介している特設サイトです。カラ …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …