株式会社LIG

力強くエネルギッシュな印象のサイト

黒い背景に大きくて太い白文字が印象的なスタイリッシュな雰囲気のサイトです。テキストのジャンプ率がとても高いので、サイトに動きが感じられ、力強くエネルギッシュな雰囲気を演出しています。
また、アクセントカラーとして複数の色が使用されており、サイト全体を通して各事業毎にそれぞれ決められた色が使用されています。異なるセクションでも、背景色やタグラベルの色が事業毎に統一されているので、どの事業に関する話題なのかが直感的にわかりやすくなっています。

見出しを背景デザインにする

Blogセクションでは、見出しが表示された後、スクロールとともにフォントカラーが半透明になります。フォントサイズは大きいですが、半透明になることでむしろ背景デザインの一部のような雰囲気になっています。スクロールによって下から流れてくるコンテンツ間の余白から、背景画像のようにBlogというテキストが見え隠れするのがおしゃれです。

階層構造のわかりやすいメニュー

ヘッダーにあるハンバーガーメニューのアイコンをクリックすることで表示されるメニューは、階層がわかりやすく、使いやすい構造になっています。１階層目をクリックして２階層目が表示されると、１階層目のメニューは小さくなって画面左側へ移動します。自分が選択している場所以外はグレーで表記されるので、現在地も分かりやすく、また別のメニューへ移動する時にも簡単に移動できて便利です。