トップページ背景に本の見開き写真が使われていることでサイトのイメージを作り上げる要素になっており、インパクトのある設計が見ていて楽しくなるような演出になっています。表示された各項目には可愛らしい動物のイラストが配置されていて、一定時間で動く仕組みが実装されています。ちょっとした演出に遊び心を感じて、ユーザを楽しませる効果となっています。「Pick Up」や「新着サイト」などの項目には各サイトのサムネイル画像が一覧で表示されていて、クリックするとポップアップで拡大される仕組みです。サイトにそのまま移行できるリンクボタンも設置されていて、しっかりと利便性も考えられていることで完成度の高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
デザイン・クリエイターに関連するデザイン
-
「un-T design!」のホームページデザイン解説サイトを開くと右側に写真、左側に迫力のある筆跡で書かれた文字が目に飛び込んできて、インパクトのある演出が施されています。どちらにもカーソルを視点とした視差効果が加えられていて、カーソルの動きに呼応してちょっとした動きが見られることでユーザの...
-
「IDENTITY」のホームページデザイン解説ファーストビューの背景には立体的なアルファベットが画面に収まりきらないほど大きなサイズで表示されており、カーソルを視点とした視差効果が加えられていることで微細に動く仕組みになっています。斬新なデザインが特徴的で、印象に残りやすい構成になって...
-
「Web Design Clip」のホームページデザイン解説ヘッダー・フッターを含めてサイトを構成する要素には落ち着いたカラーを用いており、余白を広めに取ったサムネイル画像の配置によって洗練された雰囲気が演出されています。それぞれのサムネイル画像にカーソルを合わせると少しだけズームインする効果も加え...
Webメディアに関連するデザイン
-
「さぬきうどん未来遺産プロジェクト」のホームページデザイン解説うどんチェーン店の運営するオウンドメディアで、うどんの歴史やトリビアを未来に伝えるプロジェクトのページです。コンテンツの見出しは新聞のレイアウトを想定させるレイアウトで配置され、フォントも新聞の見出しに近いものが使われています。下層ページで...
-
「Good life with Kinokawa」のホームページデザイン解説画面右にナビゲーションメニューを配置し、メインエリアにムービーを大きく配置した迫力のあるファーストビューです。モノトーンのシンプルな色使いですが、丸みを帯びたフォントで書かれたタイトルと、アクセントに配置された小さく揺れる果物のイラストで親...
-
「WA・TO・BI – 和食の扉 -」のホームページデザイン解説サイトにアクセスするとまず画面中央にサイトロゴが浮かび上がり、画面が切り替わると記事のキャプションと見出しを組み合わせたスライドショーが大きく流れる、迫力のあるファーストビューです。明朝体のフォントと、画面左に固定されたナビゲーションメニュ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
ポップなホームページのデザイン
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
-
「新潟陸運株式会社」のホームページデザイン解説サイトを開くと鮮やかなブルーのベタが一面に広がり、中央に企業ロゴがアニメーションで描かれた後、画面が切り替わってメインページに移動する演出が施されています。メインページを開くとスライドショーが画面右に寄せて表示され、下に帯を敷いたキャッチ来...
-
「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
