AI-SEKA | I am Here.

あいせか-愛は世界を動かす- TOP  >  PC関係  >  PC_WEBデザイン >  【コーポレートサイト風】グリッドデザインのブログを4ヶ月間やってみた結果

【コーポレートサイト風】グリッドデザインのブログを4ヶ月間やってみた結果

個別記事の管理
レスポンシブなグリッドデザインのブログ画像
FC2でお洒落なデザインのブログが作りたい!
今年2014年の1月から
レスポンシブでフラットなグリッドスタイルのデザインに変更しました.
その結果…
についての記事です.



このエントリーをはてなブックマークに追加







HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。
赤間 公太郎,原 一宣。,こもり まさあき

エムディエヌコーポレーション
売り上げランキング : 2830

Amazonで詳しく見る









  • こんなデザイン

  • 実は軽い

  • 閲覧数が伸びた

  • amazonリンクが押されない

  • 次に考えているデザイン

  • さいごに









  • 海外サイト風のブログデザイン.<2014/05月現在>
    コーポレートサイト風ですねー^^
    ブログの全体的な画像



    HOMEのヘッダー画像は昔描いた自分の絵を加工して
    POPで賑やかな色合いにしました.
    mp3の音楽を流せるブログ画像



    カテゴリーのリンクはフラットデザイン風に作成.
    ワイドに拡がるフラットデザインな画像



    記事はグリッドデザインを採用し、
    多くの記事を一度に見やすくしました.
    お洒落なブログデザインしてみた画像



    amazonの広告ですらオシャレにしようと考え、
    JavascriptとCSSでブログデザインの一部のようにしました.
    広告をオシャレに配置してみた画像





    フラットデザインは軽いです.

    GTmetrix の評価にて 87% の Bランク.
    90%超えで Aランク です.
    FC2でフラットなデザインを採用してみた結果



    他と比べると まぁまぁ軽い方だと思います.
    ほんの少しフラットデザインを意識するだけで
    ブログを軽くするためにかなり効果があると分かりましたー.





    サイトのレイアウトデザインを変更した後
    徐々に1日のPV数が上昇していきました.

    リピーターも増えました.

    海外サイト風のデザインは日本では受け入れられないということを覚悟していたのですが
    そんなことはなかったようです.
    ブログの閲覧数を向上させるデザイン



    訪問数は1000を超えることもしばしば…
    最高で3000超になったこともあります. すごー
    ブログの閲覧数を向上させるデザインはオシャレ



    約3年間で更新した記事数が100以下という
    やる気のない筆者ですが こんなに訪問数が多いとさすがにやる気出ますよね(笑)

    また、
    1訪問あたりのPV数も上昇しました.
    グリッドデザインのブログは次から次へと記事を訪問しやすいようです.
    グリッドデザインは1訪問あたりのPV数UPに繋がる





    シンプルにオシャレなサイトが完成し、閲覧数も増えて良いことずくめだったのですが
    困ったことが1つだけ.

    amazonのリンクがまったく押されなくなったということですw

    前のデザインでは 1日50前後のクリック数を保持していたのですが
    オシャレデザインにした直後 20以下と大幅に低下.
    amazonアフィリエイトが押されない



    日常生活では絶対に買わないような かっこいいフォルムの傘 とかamazonで購入することを密かな楽しみとしていた筆者にとって
    このことは死活問題です. w
    一日の売り上げが0円





    ということで 4ヶ月間オシャレデザインでやってきましたが
    また ブログレイアウトを変更することにしました.

    いかに amazon広告をウザくない感じに入れるか、
    かつ オシャレなブログ を保ったままデザインを変更できるか.

    そんなことを考えつつ 新しいデザインに挑戦しようかなと思いますーw

    いままでのデザインはいうなれば Gigazineスタイル といえますw(グリッドなので)

    次は、
    ギズモードスタイル
    Engadgetスタイル
    roomie(ルーミー)スタイル
    はちま起稿スタイル
    株式会社LIGスタイル

    どんなスタイルになるかまだ未定ですが
    いい感じになるようがんばりますーww



    いまのところ筆者がデザインを参考にしているサイト
    -参考になるデザインのサイト一覧-

    Lead Press | We in top 10 News / Magazine websites of Year 2013. Next year, 2014, will be a big year with us when we decided open more topics with more writers. Thank you when love us.,
    < http://leadpress.wpinhands.com/ >

    Extra News - Responsive Blogger Template Preview - Th,
    < http://extranews-fbt.blogspot.jp/ >

    Warwick,
    < http://royalwpthemes.com/warwick/ >

    iPress - Responsive News/Magazine Drupal theme Preview - ThemeForest,
    < http://drupalet.com/demo/drupal/ipress/ >

    Original | Just another WordPress site,
    < http://demo.presslayer.com/original/ >

    Folding Theme: Blogfest,
    < http://demo.foldingtheme.com/?theme=blogfest >

    Explicit | Magazine Theme by Industrial Themes,
    < http://www.industrialthemes.com/explicit/ >

    Anivia,
    < http://www.shindiristudio.com/anivia/ >

    DW Argo | Just another WordPress site,
    < http://demo.designwall.com/dw-argo/ >

    Warta - News/Magazine WordPress Theme | It's simple yet so beautiful,
    < http://friskamax.com/warta/wp/ >

    Sting Magazine Demo | Just another WordPress site,
    < http://demo.wellthemes.com/sting/ >

    Entrance,
    < http://demo.gawibowo.com/entrance/ >

    OrbitNews WordPress Demo | Just another WordPress site,
    < http://www.nextwpthemes.com/themes/orbitnews-wp/ >

    Santiago Magazine Demo | Just another WordPress site,
    < http://demo.fairpixels.com/santiago/ >

    Extramagz | News and Magazine WordPress theme,
    < http://wp.envalabs.biz/extramagz/ >

    Undo,
    < http://anthemes.net/themes/undo/ >

    REST,
    < http://themeloy.com/demo/rest/ >

    ProStore – Modern Magazine Theme,
    < http://wordpress.dankov-theme.com/prostore/ >

    Planer – Responsive WordPress Magazine Theme,
    < http://wordpress.dankov-theme.com/planer/ >

    Style Magazine | Style Magazine theme is designed for magazine, newsand with powerful custom widgets,
    < http://kopatheme.com/demo/style-magazine/ >

    Solaris - Responsive WordPress Magazine Theme Preview - ThemeForest,
    < http://demo.wellthemes.com/solaris/ >

    Blog - GrimagGrimag,
    < http://strictthemes.com/grimag/ >

    Spirit Magazine Theme Demo | Just another WordPress site,
    < http://demo.wellthemes.com/spirit/ >

    Orionpress,
    < http://ridwanstudio.com/themes/orionpress/ >




    ありすぎだろww
    って感じですが まだまだ他のサイトから良いデザインを吸収していきますよー^^♪
    なのでWEB閲覧時
    メモリが足りなくなって大変なんですw

    これからは
    誰にでも見やすく、広告がたくさん入っても違和感がない.
    そんなサイトデザインを作成していきたいと思いますー.





    ということでー

    お洒落なフラットデザインでレスポンシブ、
    グリッドデザインを採用したブログは閲覧数UPに繋がりました!

    <%topentry_image_w300>が使えるFC2ブログは
    グリッドデザインと相性がかなり良いと言うことも分かりました.



    しかし
    amazonのリンクはまったく押されません.

    たくさん広告を入れていきたかったのですが
    グリッドデザインの格好良さを引き立てて
    シンプルなデザインを維持するとなるとやはり難しい部分があります.

    別に広告とか求めていないし…
    って方は グリッドスタイル 良いと思います. かなりおすすめ.





    以上
    ブログのレイアウトについて、
    グリッドタイプは案外 好評だった.
    でも
    広告を良い場所に貼ることが出来ないので困っちゃう!
    についてでしたーノシ





    CSS3デザイン プロフェッショナルガイドCSS3デザイン プロフェッショナルガイド
    秋葉秀樹,秋葉ちひろ,小山田晃浩,外村和仁,蒲生トシヒロ,宮澤了祐

    毎日コミュニケーションズ
    売り上げランキング : 491081

    Amazonで詳しく見る






    関連記事





    このエントリーをはてなブックマークに追加
    TB( 0 ) | CM( 0 )
    2014/05/13

    カテゴリ:「PC関係」のおすすめ記事

    コメントの投稿












    管理者にだけ表示を許可する
    トラックバック
    この記事のトラックバックURL
    http://nico176.blog.fc2.com/tb.php/112-a2a5a725

    スポンサードリンク

    Nintendo Switch Joy-Con (L) / (R) グレー

    カテゴリ

    アクセスランキング

    [ジャンルランキング]
    オンラインゲーム
    52位
    アクセスランキングを見る>>

    [サブジャンルランキング]
    その他
    28位
    アクセスランキングを見る>>

    リンク・ブロ友 一覧

    相互リンク募集中
    ブロ友申請もこちらから
    リンク ページ^^friends

    GameOn 推し

    GameOnはアタリが多い↑↑
    現在プレイしているもの.

    Alliance of Valiant Arms

    今週の人気ページ