「FRIXION 3.0 解放しよう。」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビューの背景に表示される細いラインのグラフィックが画面のスクロールに合わせてアニメーションで変化し、四隅にナビゲーションバーやSNSアイコンを配置して画面中央を大きく使うことで画面全体に迫力を生み出し、特にワイドモニターでの閲覧時に大きな効果をもたらしています。製品のカラーに合わせてブラックの背景にホワイトのテキストでまとめてそれ以外のアクセントカラーを一切使わず、ムービーや写真も視認性をギリギリまで考慮して明度を下げて背景の色に馴染ませた、重厚感のある色使いです。画面の切り替えもアニメーション効果を使ってスタイリッシュに仕上げています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 株式会社パイロットコーポレーション

サイト名: FRIXION 3.0 解放しよう。

URL: https://www.pilot-frixion-kaiho.jp/

「FRIXION 3.0 解放しよう。」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

LPに関連するデザイン

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

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む