ホームページ制作からSEOやリスティング広告などWEBマーケティング全て対応

インバウンドサイトを作るときに知っておきたいこと

戦略的WEBサイト制作が得意なエムハンドとは!?
  • 何をしている会社?
  • 何を作っているの?

2016年にエムハンドディレクター&デザイナーが選んだデザインの参考になるカッコイイサイト選抜まとめ

  • WEBデザイン
  • エムハンド

2016年もWeb業界はめまぐるしく変化の多い1年でした。コーポレートサイトのほうでは、そんなWeb業界の今年1年のニュースやデザイントレンドを、エムハンドのエンジニアとデザイナーが振り返りました。
【エムハンドのエンジニアチームが選ぶ2016年10大ニュース】
【エムハンドのデザインチームが選ぶ2016年 Webデザイントレンドリスト】

そこで、こちらのインバウンドサイトでは、2016年にエムハンドデイレクターとデザイナーのアンテナにひっかかった、国内の最新Webサイトからさらに選抜してご紹介したいと思います。Web制作の参考にしたいクール&スマート&ホットなサイトをまとめてご紹介します。
エムハンドでは歯科医院と士業の専用自社サイトを運営しておりますので、この2つのジャンルは特別に別枠くくりでご紹介します。
ざざっと見るだけで、今年の傾向、そしてこれからの傾向が見えてくるはずです。ぜひ、サイト制作のご参考になさってください。

 

【総合ジャンル】

何でもない要素をスマートに見せる写真のディレクションが上手い!

●株式会社宇佐美
 http://www.usami-tool.co.jp/

usami01

 

一流のクラフトマンの手技の素晴らしさが全画面の動画から溢れ出す

●(株)北山正積商店
 http://kitayamamasatsumu.com/

 

横一面に取ったメインの写真スペースがパノラマ写真のような広がりを見せる

●TEA’s Design
 http://teas.design/

 

メイン画面上で写真と共に遷移するコピーに読まされる! 単純なのに効果抜群

●林化成株式会社
 http://www.hayashi-kasei.co.jp/

hayashi

こだわり缶詰に込められた情熱やストーリーがココロに染み入る大人感

●木の屋
 http://kinoya.co.jp/

 

ただ1本の補助線の視覚的効果を知る

●「越境リーダーシップ」プロジェクト
 http://crossborderleadership.org/

ekkyo

 

さすがゲーム会社のリクルートサイト。読ませる企画力に拍手

●コーエーテクモホールディングス
 https://www.koeitecmo.co.jp/recruit/graduate/2017/

 

写真と宇宙を現したアニメーションのコラボが美しい!

●FAST
 http://www.fast-project.org/

fast

 

医院のゆったり感、高級感がうまく伝わってくる

●産科婦人科 佐川クリニック 
 http://www.sagawa-clinic.com/

 

オリジナルのお店ロゴとキッチュなフォント遣いがぴったりマッチ

●あらき修復堂
 http://www.ecoa-r.com/

araki

トップのローディング処理が美しい! 信頼感がにじむ

●金沢たまごクリニック 
 http://www.tamagoclinic.com/

 

写真に半調のイラストを合わせるトレンドを動画バージョンで

●大阪経済法科大学 国際学部
 http://www.keiho-u.ac.jp/int_studies/

keisaizi

 

「なぜ背景は写真で人物だけイラスト!?」の謎はサイトを見ればわかった

●株式会社 北都鉄工
 http://k-hokuto.co.jp/

hokuto

 

【歯科医院】

おとぎの国の歯科!?のコンセプトを最大限生かしたサイト

●原宿こども歯科
 http://hk-dental.jp/

kodomoshika

 

写真と文字ブロックのスクロールのタイミングを少しずらすだけで…

●しもだ矯正歯科クリニック
 http://www.kyouseisika.com/

shimodashika

 

メイン写真のスライドも、ひと工夫で目を引く演出に

●クルミ歯科
 http://kurumi-choukiantei.com/

 

ももをモチーフにした歯科医院の雰囲気とサイトのムードがベストマッチ

●もも歯科
 http://www.momoshika.jp/

momoshika

 

1ページでもホームページとしてこれだけ表現できる!を証明

●ハルイロ歯科クリニック
 http://haru-iro.com/

 

【士業】

“ネコの会計士さん”とでも呼びたくなる愛らしさに女性オーナー?と思いきや・・・

●井澤会計事務所
 http://izawa-kaikei.jp/

izawa

サイトコンセプトは女性弁護士の人間力! 1本勝負の潔さ

●みつ歯法律事務所
 http://www.mitsuba-law.net/

 

ドラマチックすぎるサイトの人物は役者さんではなく、税理士さん!!

●税理士法人TAXGYM
 http://taxgym.jp/sasatsu/

taxgym

 

 

まとめ

いかがでしたでしょうか?
やはり気になるサイトは全画面構成だったり、効果的なアニメーション使いであったりと、2016年のWebデザイントレンドをしっかり押さえているものが多いですよね。
また、意外というか改めて感じたのは、サイトをつくる会社なりクリニックなり商店なりにストーリーがあって、その物語に最大限マッチした表現を使ったサイトは、デザインや技術が新しかろうと古かろうと人の気持ちをつかむものなんだな、ということです。
いつの時代も、どんなサイトを作るかは、自分の中の何を表現するかに尽きるのでしょうね。
このことを肝に銘じて、エムハンドは2017年もまた、魅力的なサイト制作をしていく所存です!
今年も1年ありがとうございました。

この記事に関連する記事

カテゴリー

アクセスランキング

月間

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  3. 3

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  4. 4

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  5. 5

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  6. 6

    今“ジモト”がアツイ!情報発信力バツグンなローカルWEBメディアまとめ

  7. 7

    わずか60秒でカンタン制作?!無料アンケートフォーム作成サービス、おすすめベスト5!

  8. 8

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

  9. 9

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  10. 10

    歯科クリニックのホームページを徹底調査!24サイトに見る集患力のポイントとは?

総合

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  3. 3

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  4. 4

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  5. 5

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  6. 6

    初めてでもできる!iPhone動画編集アプリ【厳選4つ】

  7. 7

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  8. 8

    【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ

  9. 9

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  10. 10

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

エムハンドブログ編集部

  • 編集長みつむね

    得意分野はWEBマーケティング/コンテンツ編集。「インバウンドブログ」立ち上げから編集に参加。

  • 伊藤 高啓

    SNS運営からWEB広告/マーケティング業界を経て、鳴り物入りでエムハンドブログ編集長に就任。

  • 新棚幹太

    雑誌出版社を経てフリー編集者に。東京生まれ、京都暮らし4年目のオールラウンドライター。

  • 島田

    某グルメ雑誌の編集長を経て、業界違いのWEBへ転身。独自の視点で個性的な記事を手がける。

  • ヨネクラ

    WEBメディアの立ち上げに参加したくエムハンドライティングチームに参加。早稲田大学出身。

  • キクチ

    京都大学卒業後、京都大学院工学研究科に進学。研究を続けながらライター業に従事。

  • 池田仮名

    週末Webプランナー。情報システムの発展によって変化していく人の心や共同体のありかたに興味。

最新記事

  • M-HAND 士業
  • M-HAND 歯科
  • Logonic
  • M-HAND TechnicalBlog

PDFで出力できる!無料自動お見積り

選択するだけで簡単にお見積り可能です。

さらに詳しく話を聞いてみたい方はこちらよりご連絡ください:0120-931-572

ご相談・お問い合わせ

簡単なお見積りが発行できます

ワンクリックに命がけのホームページ制作会社M-HAND