My Selection of 100 Website

Webデザインの勉強用に集めた、好きなWebサイト100選です。

2018-06-01から1ヶ月間の記事一覧

No. 38 Madeleine lapin

シンプルで上品さが出ている。 手書き風の挿絵が上斜めから入っている。 線を多用していてシンプルながらも存在感がある。

No. 37 Vent moderno

暖色の色使いが参考になる。 適度な手書き感が出ている。 メニューの見せ方。

No. 36 Koffee times

レイアウトがかっこいい。 色合いもシンプル。

No.35 南洋の父サウス

スッキリした印象。 海辺の雰囲気がよく伝わってくる。 日本地図で場所を示していて土地勘がない人にも分かりやすい。

No. 34 Acoustic County

手書き風のフォント。 オーガニック系の雰囲気をよく出している。

No.33 Rocca & friends

ロゴが真ん中にきている。 シンプルで写真で商品をよく見せている。 メニューにマウスをあてた時のアーティステイックな画像が素敵。

No.32 bloomingville

レイアウトがスタイリッシュ。 左上の丸いロゴ。

No. 31 wootten

シンプルなトップページ。 画面いっぱいを使ったメニューへのリンク。

No. 30 Conception-gp Toto

ロゴ、地図が手書き風で可愛い。 松島と港の雰囲気が伝わる。 パーティーコースの枠が縄になってる。

No. 29 BIANCHI cafe&cycles

色使い。 左の固定メニューバー。 左にスライドするメニュー。

No. 28 Mercer Tavern

トップ画像の左上に四角いコンテント。 ロゴがカッコいい。 メニューのデザイン。

No.27 arigato Inc.

画像が縦に流れていく。 画像の繋ぎ目がない。 水をコップに注ぐ動画や、調味料が画面中に転がってくる動き。

No.26 Soyuzcoffee.com

スクロールするとそれぞれのコンテンツがバラバラに流れていく。 写真を斜めに2分割している。 コーヒー豆を紹介する写真がいい。

No. 25 Andthefriet

マウスを乗せた時のフォーカスの仕方が好き。 お店の外観が手書き。 グッズ紹介ページのレイアウト。

No. 24 ROSA

スクロールした時の写真の動き。 写真を2枚並べるレイアウト。 メニューのページが波線になっている。

No. 23 Bakeshop by the bay

写真と手書きの組み合わせがいい。 SNSの投稿が目に付きやすい配置になっている。 ラインナップがポップ。

No. 22 UVE wine&bar

正方形のメニュー。スクロールすると所々スライドで挿絵が出てくる。 写真をスライドすると横幅が狭くなって写真の説明が出てくる。

No. 21 The ESTATE TRENTHAM

ハーブの写真と絵がうまく溶け合っている。 背景の紙質が伝わってくる。 写真のレイアウトがいい。 メニューが手書き。

No. 20 Getaway 

ボタンにマウスを載せた時のボタン感がいい。 フッターの絵が手書き。

No. 19 CRISP SALADWORKS

メニューの背景の質感が紙っぽい。 ロケーションのレイアウトがシンプルだけどカッコいい。 スクロールすると文字が浮いてくる。