スマホ3社のホームページから今流行のデザインを探ってみよう

SEOでもアルゴリズムの変動など
いろいろな変化がありますが、
デザインの流行も大きく変わってきています。

今右肩上がりのスマホ業界ですが、携帯3社の
ホームページから流行のデザインを探って
見たいと思います。

携帯3社のホームページデザインの特徴

携帯3社のホームページを見てみましょう。
よく見るとある共通点に気が付くはずです。

au

auのホームページ

q01

ベースは白でオレンジをアクセントにまとめています。
ヘッダー部分は「au」だけでいたってシンプル。
ワイド一杯(980px)に使ったスライドバナーを設置しています。

docomo

docomoのホームページ

q02

ベースは白で赤をアクセントにまとめています。
ヘッダー部分は会社名といくつかのリンクバナー。
ワイド一杯(900px)に使ったスライドバナーを設置しています。

SoftBank

SoftBankのホームページ

q03

ベースは白。イメージカラーの薄いグレーで統一されています。
ヘッダー部分は会社名のみ。シンプルです。
ワイド一杯(950px)に使ったスライドバナーを設置しています

参考になるホームページデザイン

参考になるホームページをあと2つ紹介しましょう。

Apple

Appleのホームページ

q04

おそらく今流行のホームペーデザインを引っ張ているのがこのサイトです。
ベースは白で薄いグレーをシックに使っています。サイトワイドは980px。

Pigoo

Pigooのホームページ

q05

ここ最近新しくなったのですが完全にAppleのホームページを意識していますよね。
薄いグレーを基調に赤をアクセントとしてシックに作られています。
サイトワイドは1000px。

ホームページデザインの共通点

これらのホームページにはある共通点があります。

・白をベースにして、薄いグレーをアクセントとして使っている。
・サイト幅の画像orスライドバナーをグローバルメニュー下に配置。
・ヘッダーはいたってシンプル。(会社名のみ)

これらをすべて取り込む必要はないと思いますが、
これからサイトを作るときの参考にしてください。

流行のデザインを意識してサイトを作ってみました

流行のデザインを意識してワードプレスでサイトを
作ってみましたのでご紹介しましょう。

ParoLibre

ParoLibre

q06

私の会社のホームページです。
ヘッダーは会社バナーのみ。グローバルメニュー下に
イメージバナーを配置しています。ワイド1000px。

未来派WEBデザイン講座

未来派WEBデザイン講座

q07

デザインに特化したサイトを作ってみました。
ヘッダーはあえてバナーではなくテキスト文字を使っています。
テンプレートは賢威6.1を使用。ワイド1000px。

無料ホームページ作成ソフトBlueGriffon(ブルーグリフォン)の使い方徹底ガイド

無料ホームページ作成ソフトBlueGriffon(ブルーグリフォン)の使い方徹底ガイド

q08

無料ホームページ作成ソフトBlueGriffonの使い方を説明しているサイトです。
図解入りの画像を多く使うのでサイトワイド1100pxで作っています。
ブルーを基本色としてグローバルメニューと画像にも使っています。

初心者でもわかるウェブアートデザイナー図解+動画使い方講座

初心者でもわかるウェブアートデザイナー図解+動画使い方講座

q09

ホームページビルダーに付属する画像編集ソフト
「ウェブアートデザイナー」の説明サイトです。
ヘッダーはテキスト文字を使用。ワイド1000px。

アダルトアフィリエイトで継続的に稼ぎま専科

アダルトアフィリエイトで継続的に稼ぎま専科

q10

アダルトアフィリエイトの紹介サイトです。
ヘッダーはバナーを使っていますが、縦幅が大きくならないように収めました。
幅1000pxのバナーをグローバルメニュー下に配置しています。

無料ブログでも取り入れよう

無料ブログでも流行のデザインをちょっと取り入れると
クウォリティがグンと上がります。

THE NORTH FACE Himalayan Parkaのココが好き!

THE NORTH FACE Himalayan Parkaのココが好き!

q11

背景は薄いグレー。ヘッダーはシンプルにテキストを使っています。
940pxの商品イメージバナーを配置してます。

”胸を打つ、いい音”|高性能SONYヘッドフォン.com

”胸を打つ、いい音”|高性能SONYヘッドフォン.com

q12

メインカラムいっぱいの商品イメージバナーを設置した例です。
サイドバーにも画像を使うことでスタイリッシュ感が出ます。

高級腕時計を格安購入!高級腕時計通販.com

高級腕時計を格安購入!高級腕時計通販.com

q13

背景を黒にして高級感を演出した例です。
オレンジをアクセント色として使っています。
940pxの商品イメージバナーを配置してます。
「自分へのご褒美」というキャッチコピーを入れてみました。

画像をはめこむだけで、サイトイメージはビシッと引き締まります。
是非あなたのサイト作成にお役立てください。^^

この記事はあなたのお役に立てましたでしょうか?

もしこの記事があなたのお役に立てましたら、応援クリックお願い致します。
あなたの温かいクリックを、次回記事作成の励みとさせていただきます。
ご協力誠にありがとうございます。<(_ _)>


この記事が気に入ったら
いいね ! しよう


未来派野郎hiro公式メルマガ「プロパガンダ」
メールマガジン『PROPAGANDA:プロパガンダ』は完全無料で登録できます。

もしあなたが、ネットビジネスで「経済的自由」「時間的自由」「場所的自由」を手に入れたいのであれば、このメルマガに登録してください。ネットビジネスに関する最新情報をタイムリーに発信しています。

今なら登録者の方に豪華特典を差し上げています。また、メール内でも随時特典を配布させていただきますので、楽しみにしていただければと思います。

おすすめカテゴリー一覧

未来派野郎hiro販売商品

ALPHA WordPress Theme
WordPressがはじめてという方でも直感的な操作でプロ顔負けのシックなサイトを作ることができます。
税金対策ストラテジー「NTS」
アフィリエイトに特化した税理士Kが教える確定申告・節税マニュアル。会社設立についても学べます。
YouTube Adds pro
YouTube動画の表現力を最大限に引き出すWordPressプラグイン。未来派製作販売商品です。

おすすめノウハウ+ツール

FAAP
FAAP(フルオートメーションアドセンス)は、これからアドセンスに取り組みたい、アドセンスでなかなか収益が伸びないという方におススメです。
Danganページビルダー
「Danganページビルダー」はLP(ランディングページ)作成機能を追加するWordPressプラグインで、インストールするだけで使うことができます。
バカ売れランディングページ奥義
「バカ売れランディングページの奥義」は、ランディングページに必要なものは何か、LP鉄板の構成などをわかりやすく解説しています。

コメントを残す