「藤屋段ボール株式会社」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くとまず画面いっぱいに積み上がった段ボールの写真が表示され、その上に企業のロゴが描かれていくアニメーションが再生されます。画面をスクロールすると左側にナビゲーションメニューを固定した2カラムレイアウトへと変化する構成です。背景はホワイトとダークグレーがコンテンツによって切り替わり、タイトルのあしらいやリンクボタンにはゴールドが使われており、サイト全体のアクセントカラーになっています。一部のコンテンツには背景にダーク調に色調補正した写真を視差効果で見せる演出も施されています。オーダーの流れはテキストと矢印を使ったチャート図でわかりやすく表現されています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 藤屋段ボール株式会社

サイト名: 藤屋段ボール株式会社

URL: https://www.fujiya-db.com/

「藤屋段ボール株式会社」のホームページデザイン解説

執筆者

カテゴリ

基本情報

メーカーに関連するデザイン

コーポレートサイトに関連するデザイン

ブラックを使ったデザイン

堅め・信頼感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「藤屋段ボール 株式会社」のホームページデザイン解説

執筆者

カテゴリ

基本情報

メーカーに関連するデザイン

コーポレートサイトに関連するデザイン

ブラックを使ったデザイン

堅め・信頼感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「藤屋段ボール株式会社」のホームページデザイン解説