WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

   

名称未設定 1

コーヒー機器製造メーカー「Kalita」のホームページです。

上部に固定されている赤色のタートルチェックのテクスチャは、それだけでサイト全体を暖かい雰囲気にしてくれます。それだけでなく、ページトップのボタンもテクスチャにしているのもアクセントになって素敵です。

商品の紹介ページでも商品の説明は少なめにし、写真のみの紹介にしているのもサイト全体のお洒落な雰囲気を損なうことなく、またスマートフォンから閲覧しても見やすいようにデザインされていて、とても参考になります。

また、初めてハンドトリップをする人に対して使い方を掲載したページもあり、初心者におすすめの商品や豆の説明なども書いてあるので、初めて使う方にも優しいサイトになっています。

 - 写真で表現 ,

Message

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

  関連記事

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

写真を使って奥行き感のあるデザインにした料理店のサイトがおしゃれ!

長野県上田市にあるビストロ料理店「Fika」のホームページです。 ファーストビュ …

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

左側に交通アクセスや最新情報を掲載して情報を伝わりやすくする

滋賀県大津市にある食事処「洗心寮」のホームページです。 全体的に文章が縦書きで背 …

メッセージ性が強い!ヒーローヘッダーにこちらを見る動物の写真を使ったサイト5選

一昨年の9月あたりから猫を飼い始めたのですが、飼うようになってから分かるようにな …