WEBサイト100選

勉強の一環として、デザインが参考になったサイトや気になったサイトをピックアップしています。何事もまずはその世界のことを知るところからスタートしなければ、と言う事で目指せ100選！！

サイト一覧 | 茶色

2.四国松山公式観光Webサイト
四国松山公式観光Webサイト

サイトを開いてすぐに大きな画面で表示される観光地の写真に、訪れてみたいと思わされます。サイトの色合いも風情のある街並みのイメージを意識した配色になっていて、癒しの空間を演出した安心できるとても落ち着いた印象に仕上げられています。また、ページトップにSNSのアイコンを配置した、共有することを考えられた作りになっています。

GO

10.CAFE de CRIE
CAFE de CRIE

 必要な情報を見やすくカラムで並べられています。一番見せたい新商品の情報がトップページにスクロール表示しています。無駄がなく視線誘導も考慮されていて素晴らしいです。

GO

15.COCONe
COCONe

お店のコンセプトに合わせて、サイトも絵本のような作りになっています。不思議と絵本を読んでいるような感覚になるページですね。

GO

56.Mirror Mirror
Mirro Mirror

footerのコピーライトがサイドに表示されているところが斬新です。また、店名のミラーをモチーフに左右対称に人物を配置した画像やファーストビューでfooterまで見えている作りから、トップ画面でサイトが完結している印象があり、とてもインパクトがあります。WordPressを利用して作られたサイトであり、参考になります。

GO

58.ケイ・ウノ

言語選択で13ヶ国語が選択可能になっているところに驚きました。マリッッジリングという世界共通認識の商品を扱っているため、日本だけでなく海外の方もターゲットにされていると思われます。また、商品詳細などはサイドのナビゲーションに配置し、サイトの最終目的となる項目のナビゲーションは画面下部に設置されており、どの画面でも常に見えるように固定されています。レイアウト設計の考え方が様々であることを改めて気付かせてもらえるサイトです。

GO