数ある応募サイトの中から選ばれた、GREAT SiTEをご紹介

たくさんのナイスサイトの中でも、キラリとひときわ輝くサイトがGREAT SiTEです。
サイト作りにひと工夫もふた工夫もアイディアが垣間見れる、参考にしたいサイトばかりです。

2018/07 強みや特色をサイトに落とし込む、差別化のテクニック

NiCE!

黄色と白のイメージで、コンセプトとしている元気の良さや若々しさがありつつも、安心感を演出できているのは、随所に落ち着きのある茶系を取り入れているから。基本フォント「源真ゴシック」のセレクトはカッチリとした印象がありながらも、女性の写真を使ったTOPのイメージに合う、やわらかさを出せています。

ADViCE!

一目を惹くサイトが作れても、サイトの見出し部分が画像で検索エンジンに内容を認識されなければ、宝の持ち腐れとなってしまいます。とはいえ、画像でないとできない表現を使いたい場合に実践してほしいのが、画像のマークアップによるスタイル定義とALTによる画像説明です。

もっと詳しくノウハウを読む

2018/06 写真の色にも注目して、サイトをトータルコーディネート

NiCE!

ビビットな色使いが特長の「Kriss Vector Salon」を上手にオリジナル化しています。写真やグラフィックそれぞれが個性的で色も多いのに、オシャレにまとまって見えるのは、写真も色のひとつと考えて、サイト全体をカラーコーディネートしているから。文字のジャンプ率やフォントの使い分けも明確です。

ADViCE!

事例紹介をBiND PressでCMS化しているのもこのサイトの特徴です。ひとつひとつ写真が大きく見やすいので、その利点を生かし、画像からもリンクに飛べるように変更するのがおすすめ。「続きを読む」をリンクボタン化してもいいでしょう。

もっと詳しくノウハウを読む

2018/05 情報量の多いサイトでも、スッキリ見せる基本のテクニック

NiCE!

写真素材が丁寧に作り込まれており、インパクトある独特の世界観が確立されていますね。ページに複数のコンテンツを詰め込み過ぎてないことやフォーマットを活用して情報を統一していることがサイトをスッキリ見せています。

ADViCE!

基本的なページへの遷移はヘッダーのグローバルメニューに集約して、サイドメニューは補足的に使うなど役割を変え、意図がなければ重複しない使い方がオススメ。

もっと詳しくノウハウを読む

2018/04 スマホ表示で情報をスッキリ見せるコツ

NiCE!

背景全面に入れた写真がサイト全体の雰囲気を演出しており、適度にアニメーションを取り入れた見せ方のバランスもいいですね。企業の求人サイトを想定したテンプレートを上手に活用しています。

ADViCE!

シングルページのサイトは情報量が多くなりがちで、スマホではどうしても縦長になりすぎるので、見やすさをもっと考慮できるとワンランクアップ。離脱も防げます。

もっと詳しくノウハウを読む

2018/03 写真にストーリーを感じるWebサイトの演出ノウハウ

NiCE!

ページやコンテンツが丁寧に作られており、背景ライドショーやウォールズなどSHiFTの使い方が上手ですね。こんな写真を撮ってもらいたいと思わせる写真が組み合わさり、相乗効果UP。

ADViCE!

各ページのTOPのタイトルが、テキストではなく画像なので、検索に不利。このままでは検索エンジンがタイトル部分を重要なキーワードと認識してくれません。

もっと詳しくノウハウを読む