全画面表示の背景写真上に様々な要素が配置されていて、リンクボタンにカーソルを合わせるとそれぞれにちょっとした動きが実装されているのが面白く、遊び心の溢れる演出が楽しく閲覧できる工夫となっています。ページをスクロールしていくと里山ストーリーというムービーを見られるコンテンツも用意されていて充実のコンテンツとなっています。サイトの様々な箇所にはラフなタッチのイラストも配置されて雰囲気を作り出す要素になっています。同様のタッチのイラストはコンテンツのアイコンにもなっており、統一されたデザインになっています。サイト全体を通してナチュラルな雰囲気でまとめられていて、楽しく閲覧できるデザインが完成されています。
執筆者
カテゴリ
基本情報
法人・組合に関連するデザイン
-
「日本速脳速読協会」のホームページデザイン解説コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか？から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...
-
「日本オリンピック委員会」のホームページデザイン解説ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...
-
「地域開発研究所」のホームページデザイン解説ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート！」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
グリーンを使ったデザイン
-
「税理士法人トゥモローズ」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、トゥモローズの税理士が出迎えています。グローバルナビにて料金体系、その他のサービスなどを案内しています。トップページの中央に、トゥモローズの理念を掲載しています。法...
-
「社会保険労務士法人トムズコンサルタント」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、トムズコンサルタントのスタッフが写っています。グローバルナビにて会社情報、サービス内容などを案内しています。グリーンのバナーから、トムズコンサルタントの会社案内をダ...
-
「合同会社Stand By」のホームページデザイン解説ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、Stand Byのスタッフが写っています。グローバルナビにてStand Byの会社情報、サービス内容などを案内しています。グリーンのバナーからニュースを見ることが...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
