トップページ上にニュースや事例集の最新記事が並べられていて、サイトを開いてすぐに関心のある記事を見つけられる構成になっています。ヘッダーに設置されたナビゲーションメニューにはメニュー毎にアイコンが用意されていて、直感的にページの内容がわかりやすい表示です。またカーソルを合わせるとタブが開いてページ内の項目がリスト表示される仕組みもユーザ視点を考えた設計です。各記事では写真や図を使った見やすい内容にまとめられていて、閲覧がスムーズです。充実の内容で、日々更新される記事を度々来訪して常にチェックしたくなるような構成になっています。下層ページを含めて全体的に無駄なくしっかりと作り込まれたサイトに仕上がっています。
カテゴリ
基本情報
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
堅め・信頼感なホームページのデザイン
- 「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説
サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小2枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
- 「株式会社コーポレート・アドバイザーズ・アカウンティング」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、雲の合間から薄日が差し込んでいる大空が写っています。グローバルナビにて会社情報、取扱業務などを案内しています。トップページの中央に、コーポレート・アドバイザーズ・アカ...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...