web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

自習12 | web制作

本日は…

■休みなので自習
企業サイト制作について参考サイトいくつかメモ書き(後日サイト100選に掲載予定)www.mother-leaf.jp
食べ物の商品画像の使い方のバリエーションが豊富
見せ方の参考にhigashiya-shop.com
ブーツストラップを導入したら見やすくなりそうなページ
商品紹介のページの構成に参考になりそうwww.yojiyacafe.com
和風…メニューページのアイコンがかわいい
シンプルで見やすいwww.45rpm.jp
和風だけどモダン。布の見せ方が参考に
スマホサイトも見やすいwww.kakiyasuhonten.co.jp
和風、辰屋と同じようなテーマでありながら、もう少し高級感
さすがに高いお店(柿安)shop-sekiya.com
おいしそうなのに上品。ボリューム感のある食材で参考にwww.arimuraya.co.jp
たて型メニューが参考になりそうwww.fugetsudo-ueno.co.jp
構成自体がとても参考になる
トップページの作りなどシンプルで情報の選び方が上手い


■サイト制作上の案(メモ)
[サイト構成について]
・トップページは商品にそこまで興味ない人にも使い心地がいいように軽く
・反対に、商品の詳細ページは興味のある人用にかっこよく
 →ブーツストラップをつかって商品ごとに飛ばすようなページにしてスキルを見せる手も

[トップ]
・ヘッダーの中央にロゴを入れたい
・クライアントは白を主張しているが、高級感のために紺色のバージョンも作りたい
・一番上にあるキービジュアルの縦サイズから下のボタンまで(他の画像でも)見きれるサイズにしてページの下部への興味を引く(ブーツストラップ的な完結したスライダーのみだと他ページに飛びたくなる)
・スライダー(キービジュアル)の上に文字を乗せるとき、背景が白なら濃い色の○などの上に明朝体白抜きなどにして高級感を

・bodyの背景に白をいれるなら、テクスチャで高級感(少したまご色の和紙など)を出す

・ボタンのデザイン>高級感(金縁?ださい??)