「保険工房ハヤシ」のホームページデザイン解説

トップページ上部にはまず初めに大切なお知らせの表記があります。水色の背景となっており主張しすぎない程度に目立つデザインです。またさらに上には資料請求、お問い合わせ、検索バー、メニューの表示がありユーザビリティに優れた案内となっています。 ...

トップページ上部にはピンクの背景に赤文字で重要なお知らせを表示しています。ファーストビュー画像下には2つのユーザーに分けて案内があります。契約中もしくは新規契約を検討している方に分けてコンテンツを用意しています。その下には各コンテンツのバナ...

各種お知らせやニュースリリースなど最新情報が多い中、お知らせを重要なものと会社からの案内に分けていたり、トップページ内には最小限の件数を表示しており一覧は、別途別ページに遷移する方法をとっています。また誰向けのコンテンツなのか、対象者を明確...

ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...

グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、東急不動産のオフィスタワーが写っています。グローバルナビにて東急不動産の会社情報、不動産ソリューションなどを案内しています。トップページの中央に、東急不動産のプロジ...

グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、「ブリザーブドフラワー特集」や「誕生日プレゼント特集」などの特集ページを紹介しています。グローバルナビにて「ギフトを贈る」、「自宅で楽しむ」などを案内しています。トッ...

グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、ローソンのキャンペーン情報を紹介しています。グローバルナビにて本・雑誌、音楽CD・DVDなどを案内しています。商品をクリックして買い物カゴに入れたり、欲しい物リストに...

サイトにアクセスすると、淡いピンクのドットのテクスチャと、直線で書かれた記号のようなサイトロゴがまず目を惹きつけます。下層ページの図解やイラストもピンクで統一された柔らかい印象のデザインで、画面右の余白に縦書きで書かれたページタイトルが特徴...

全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...

ファーストビュー画像領域に大きく表示された画像が、スライドショーで切り替わる際に特徴的なモーションが加えられていることで目を引き、サイトの導入として効果的な役割となっています。スクロールしてファーストビューより下部に進むと画面上部にナビゲー...

全体を通してナチュラルで可愛らしい雰囲気が演出されており、ファーストビューでは大きくおしゃれな書体の文字が表示されています。文字にはイラストも組み込まれていて目を引く構成になっています。中央上部にはドロアーで隠されたナビゲーションが設置され...