「Right-on」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

縦長のポスターのような画像を等間隔に配置したファーストビューが印象的なレイアウトです。メインビジュアルに当たるスライドショーは、アクティブになっている以外の画像の透明度下げて小さく表示し、画像が中央に移動した時に拡大するモーションを加えることで、若者向けブランドのアクティブなイメージを表現しています。メインエリアは画面幅をいっぱいに使った2カラムレイアウトで、各コンテンツはスライドショーの画像を間隔を詰めて次々と表示させ、密度の濃さを感じさせます。見出しにサイトロゴのパープル、リンクなどのアクセントカラーに補色のオレンジを使い、シンプルな中にも目を惹きつける鮮やかな色使いが印象的なサイトです。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 株式会社ライトオン

サイト名: Right-on

URL: http://www.right-on.co.jp/

「Right-on」のホームページデザイン解説

執筆者

カテゴリ

基本情報

ファッション小物に関連するデザイン

ECサイトに関連するデザイン

ホワイトを使ったデザイン

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

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む