Webデザイン一覧

WHY WASEDA

教育／大学が海外に向けて情報を配信しているサイト。斜線のグリッドを使用したデザインで個性的でクールな印象が伝わります。特に図やイラストがわかりやすく、ひと目で伝わります。

http://www.waseda.jp/inst/whywaseda/en/

写真を愉しむ家 - &ima (アンド イマ)

企画／写真や食事を楽しめる家のサイト。家というテーマで部屋ごとに違うイベントを楽しめます。サイトでの見せ方はシンプルで、写真をメインにデザインされています。おしゃれなイメージが伝わります。

http://and-ima.jp/

Starbucks Coffee Company

海外／スターバックスコーヒーの公式サイト。ロゴ、イラスト以外はすべてデータテキストで制作されています。海外はWebフォントが豊富なのでデータテキストでも綺麗に表現できます。文章と写真のレイアウトが絶妙でとても見やすいです。レスポンシブデザイン。

http://www.starbucks.com/

横浜中華街 Yokohama China Town

観光／横浜中華街の観光サイト。背景のイメージに中華風のイラストを使い、中華街の雰囲気を伝えています。それぞれの項目をブロックで分け、見やすくレイアウトしています。レスポンシブデザイン。

http://www.chinatown.or.jp/

Qards: Responsive Page Builder Plugin for WordPress

海外／WordPressプラグイン。紙芝居のように画面を展開しながらコンテンツを紹介しています。カラーの使い方や背景の模様がクールです。レスポンシブデザイン。

http://designmodo.com/qards/

阿波尾鶏と地元野菜の産直レストラン odori

飲食／徳島県海部郡美波町山河内にある阿波尾鶏専門店。料理やお店の写真がクオリティ高く目を引きます。特に料理の写真はどれも綺麗で美味しそうに撮影されています。落ち着いた感じが伝わり、行ってみたくなるデザインです。レスポンシブデザイン。

http://odori.kitchen/

TableHero: Restaurant Reservations Made Easy!

海外／レストランのための予約システムサービス。シングルカラムで文字や画像を大きく紹介しています。カラーテイストでは複数の色を使わず、サービスのイメージカラーを持っています。レスポンシブデザイン。

http://tablehero.com/

うみたま｜限りなく海水に近い成分の自然塩

調味料／海水に近い成分の自然塩のウェブサイト。大きいイメージとキャッチコピーが印象に残ります。テキストの部分では縦書、横書きを上手くデザインし、画面にメリハリを付けて興味を引いています。色使いも商品のイメージと合っています。レスポンシブデザイン。

http://umi-tama.jp/

Peak

海外／コミュニケーションツールの開発を行っている会社。人の顔が出ていることで、どのような人が働いていて、どのような会社なのか、イメージが湧きます。タイトル、リード文がとても読みやすいです。背景のグラデーションも綺麗です。レスポンシブデザイン。

http://www.usepeak.com/

FOOTSTOCK ORIGINALS

ファッション／ビジネスシューズのメーカーサイト。画面を開くとシューズのイメージ動画が流れます。シンプルで洗練されたイメージが伝わり、物にこだわる人には魅力的に見えます。レスポンシブデザイン。

http://footstockoriginals.com/