「アーネスト株式会社_apod」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドにマージンを取ったレイアウトと、特集動画のサムネイルや企業紹介のコンテンツなど画面幅をいっぱいに使ったレイアウトを、交互に配置してメリハリをつけております。タイトルは太めの英語フォントに小さく日本語訳を添えてお洒落な印象を出し、キャッチコピーはブラックの帯を敷いてメリハリをつけ、グラデーションやストライプなどのテクスチャをアクセントに取り入れています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: アーネスト株式会社

サイト名: アーネスト株式会社_apod

URL: https://apod-arnest.jp/

「アーネスト株式会社_apod」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

サービスサイトに関連するデザイン

ベージュを使ったデザイン

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む