No.007 ラムネ – ワンピースの楽譜 | Webサイト100選
サイト概要
京都にある美容室ラムネのWebサイトです。ラムネは京都 今出川駅・同志社大すぐ近くの美容室です。感性広がる空間で「似合わせ」を大切にした、ヘアスタイルを楽しめます。
No.007 ラムネ-ワンピースの楽譜 | Webサイト100選
構成
・FV
No.007 ラムネ-FV-ワンピースの楽譜 | Webサイト100選
→メインビジュアル（MV）である、美容室の動画×イラストで描かれたキャラクターたちが過ごすイラストアニメーションが印象的。左下には美容院からのメッセージ表記（固定）がある。
・header、nav
→画面サイズ幅900px以下でハンバーガーメニューのデザインになる。
サイドメニュー（左、幅901px以上のとき）の各カテゴリ名の上にマウスをかざすと文字がグリーンになる。
メインカテゴリ名の文字サイズは13px。
（幅900px以下）
No.007 ラムネ-header（900px以下）-ワンピースの楽譜 | Webサイト100選
（幅901px以上）
・footer
No.007 ラムネ-footer-ワンピースの楽譜 | Webサイト100選
→記載内容は著作権情報の表示のみ。
使用パーツ・アイコン
動画×イラストアニメーション例
分析・考察
■ターゲット：若年層の男女
[理由]・スタッフ、STYLE例写真に写っている人の印象から。
・若者受けなHPデザインの印象から。
■特徴：
・BLOG以外はページの移動がない。画面移動のみ。
・背景が白、文字色が黒と、ベースは無彩色でシンプルなデザイン。動画×イラストアニメーションが目立つようになっており、多くのカテゴリで使われている。
・見出しが左側に縦書き（横に90度回転）で表示されている。
No.007 ラムネ-category-ワンピースの楽譜 | Webサイト100選
・トップページの画像は、スライドで出てくる（左右どちらからの場合もある）ものや、下から表示されるデザインを使用している。
・トップページの見出し（「01 | BLOG」、「02 | ABOUT」）の文字サイズは26px。
右側の日本語表記文字サイズは20px。
・フォントの種類：見出しは「Roboto Condensed」。Robotoには2つの性質がある。機械的な骨格を持っており、形は主に幾何学的。同時に、フォントはフレンドリーでオープンな曲線を備えている。細字系書体で等幅ライニング（※１）に対応したフォントのひとつ。
美容室のメッセージ部分は「Noto Sans JP」。安定・視認性にも優れているので、PASUMOをはじめ、製造・工業系、不動産会社、幅広い事業のコーポレートサイトで使用されるフォント。
No.007 ラムネ-message-font-ワンピースの楽譜 | Webサイト100選
メニュー名と値段、スタッフ名、住所などお店の基本情報は視認性がよく、読みやすい「メイリオ」。
No.007 ラムネ-menu フォント（メイリオ）-ワンピースの楽譜 | Webサイト100選
Webサイト100選No.007-ワンピースの楽譜 | Webサイト100選
コメント