WebGallery

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

*

ページの内容で、コンテンツのレイアウトを変える

   

名称未設定 1

 

「女性による女性のための競馬サイト」UMAJOのリニューアルサイトです。蹄鉄をハートマークに見立て、パステルカラーで配色されています。キャッチの画像はポニーテールの女性が中央に配置され、女性の頭をロゴマークより手前に、髪の毛のポニーテール部分を奥にすることで、奥行きを出しています。女性をターゲットにしているので、女性目線での競馬の楽しみ方やジョッキーの紹介など、新しい観点で新鮮なサイトだと感じました。

競馬の楽しみ方のページではファッションの事が書かれ、それだけでなく専門用語の解説や会場の見所・周辺のおすすめスポットなども分かりやすくまとめられています。ウマトリビアのページは他のページと違いブロックでまとめられた様々な馬に関する豆知識が掲載されています。ジョッキーコレクションではイケメンジョッキー達の紹介ページとなっており、写真をマウスオーバーするとロゴマークのハート型の蹄鉄が出てきて、可愛らしいです。

 - 絵で表現 ,

Message

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

  関連記事

宇宙空間を表現するために、画面下から上に泡を出したりイラストをふわふわ浮かせたりしたイベントサイト

2017年3月9日の木曜日から6月28日まで、東京ドームシティで開催している「T …

メニュー1つ1つに画像を配置する

大阪府にある大学「大阪経済法科大学」のホームページです。 メニューの部分や一番下 …

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

ドットで作られた動くイラストがとても可愛らしい

グアムでスカイダイビングを体験できる「グアムでソラトビ!」のホームページです。 …

思いも寄らない毒々しい配色

今年の7月16日・17日に北海道岩見沢市にあるいわみざわ公園で開催される野外音楽 …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

動き・見た目・使いやすさよし!なデザインの教育コンサルタント屋さん

東京都多摩市にある教育コンサルタント「コンボスリープラス(COMBO3PLUS) …

イラストは背景色で区切られた中に配置するのではなく、枠内からはみ出させることで動きがでる

静岡県浜松市にある建築会社「マルベリーハウス(桑原建設)」のホームページです。 …

時間帯によって背景が変化するアニメーション

燃料販売やガス供給などを行っている企業「株式会社 吉田石油店」のホームページです …

ホームビデオを見ているような暖かみのある歯科医院

兵庫県神戸市にある歯科医院「そうあいデンタルクリニック」のホームページです。 ト …