マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

WEBトレンド! 全面に写真を配置した 最新サイトのご紹介 ~素敵サイトの旅 その3~

投稿日:2015年1月26日 更新日:

こんにちは!web初心者のKです!

今日は曇りですが、みなさんお風邪など召されていませんか?
私は雪対策にブーツとコートを少し前に購入しました!
備えあれば憂いなし!
もう雪が来ても怖くありません!!

さてさて、話はかわりますが、
このところ、本当にワイドなサイトが増えてきていますよね!

背景全面に精度の高い写真や動画がひいてあると、
やっぱり広がりを感じますし、画面の文字に緊張感が出やすいように思います。

本日も最新のサイトで、
いいなーと思ったものをご紹介させていただきます!

まずはこちら!↓

1
http://www.gogoro.com/

なんかもうかっこいいとしか言いようがありません。
サイト自体もさることながら、
商品の機能美をとらえた写真がものすごく
画面に緊張感を与えています。
お次はこちら↓

2
http://www.teeter-totter.tokyo/

おしゃれで、わかりやすく、使いやすい!&かわいい。。
シンプルさの中にも遊び心を感じる素敵サイトです。
会社のロゴが、商品や写真にちらほらと出てくるのも、
統一感を感じます。
そして最後にこちら↓

3
http://www.oddpears.com/
こちらのサイトも一目見ただけで
説明されずともわかる構成になっています。
それでいて、かわいい!!

なんか、かわいいのってもうそれだけでみちゃいます!
ずるい!笑
で!!

真面目な感想としましては、
今回ご紹介したサイトはテイストや扱う商品・サービスは
全く異なりますが、共通して言えるのは、
メインの写真にしっかりとコンセプトが盛り込まれていることだと感じました。
みなさんはいかがでしたでしょうか?

デザイナーのサイト構成はもちろんのこと、使う色や書体、サイトの動き、
ライターさんのコピー、カメラマンの写真、
全てにコンセプトが感じられるサイトって、やっぱり素敵です。
一貫したディレクションがないとなかなか出来ない作りだと感じました。

素敵なサイトを見ていると、
自分がサイトを作る際に気を付けたいことなどが学べます。

また、ディレクターではなくとも、どうディレクションの進行をしたら、
こういうサイトが作れるのか考えるのはとても勉強になります。

日々精進ですよね。
さ、今週も頑張ります!!

 

マーカネット株式会社にてホームページ制作やご依頼を承っておりますので、

お気軽にこちらからご相談ください!

 

ではでは、本日の素敵サイトの旅はこれにて。

ドロン!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xでは、404 NOT Foundエラーが発生した場合、 デフォルトでは、 app/View/Errors/error400.ctp の内容が表示されます。 サイトによっては、 40 …

Photoshopの、これだけは押さえておきたい便利機能!!

こんばんは! webデザイナーのKです。 しばらくマーカブログに登場できなかったのですが、 みなさま、いかがお過ごしでしょうか? 私はパソコンの不具合、というドキドキハラハラな出来事がありました。 お …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

あけましておめでとうございます。 ひよっこWEB制作者のMです。 9連休、上京してから史上最長の帰省でしたが 実家にあたらしくやってきた家族(ワンちゃん、0歳)に ちゃんと覚えてもらえたことが嬉しかっ …

海外で人気のあるPHPのyiiフレームワークを使用してみました。

海外で人気のあるPHPのyiiフレームワークを使用してみました。

海外では、人気のあるPHPのyiiフレームワーク使用してみました。 1. yiiをhttp://www.yiiframework.com/ダウンロードしまして、 ソースコードを任意のwebの公開ディレ …

オンライン上で複数のPDFファイルを結合(連結)させる方法【MERGE PDF】

オンライン上で複数のPDFファイルを結合(連結)させる方法【MERGE PDF】

今日はあんまり面白い記事が見つからなかったので、ちょっと趣向を変えて、日常のWEB制作フローのなかで重宝しているものの中からひとつ紹介します。 WEB制作の業界に限ったことだけではないかもしれませんが …