メニューは制作中(価格変動後反映)です。
◆制作にあたり◆
■ 1. プロジェクトの概要
・プロジェクト名： 青唐辛子 韓国居酒屋＆家庭料理
・担当フェーズ ： 企画、デザイン、コーディング、保守・運用。
・制作期間 ： 5日（後日反映分含む、※保守・運用は除く）
※別途：ドリンクメニューは180分
※メニューは別シート(pdf)になるように制作中
・ターゲット層 ： ファミリー層及び20代以降
■ 2. 制作の目的
・クライアント側： 新規顧客獲得、店舗認知度向上
・制作側： 新規HP制作、既存店舗のHP制作/運用
■ 3. こだわった点・工夫した点
★デザイン★
・カラー：薄い茶色と背景にグレーを使用。背景のグレーは格子状にした。
セクション区切りがわかりやすいように英語と日本語で色分け。
メニューへのボタンは目立つように赤系の色とした。
・イメージ：ターゲット層のファミリー層及び20代以降に合わせた色合い
とデザインで、メニュー以外、1ページ完結で表現。
・メディアクエリ：モバイルファーストで制作。
・gotopのバナーを固定で下段に配置で制作。
・ナビゲーションhover時に背景色を変更設定。
・背景写真を各セクションで見れるように透過。
・各セクションの先頭に韓国料理のイラストを配置。
★技術★
・HPをHTML・CSS（Dreamweaver）・プラグイン(Jquery・JavaScript)を
使用し制作。
・Topの写真を自動で遷移するようにして制作(carousel)。
・料理の写真を自動で遷移するようにし(carousel)、同様の写真を下にも
配置し同時に遷移可能(slick)で制作。
・背景写真に外からの店舗写真や韓国のお城の写真を使用し、自動で
遷移可能で制作。
・店内の写真をスクロールすると表示する(inview)ように制作。
★アクセシビリティ★
・1ページ完結で情報を簡潔表現。
・文字と背景の色のコントラストを十分に確保し読みやすくした。
・レスポンシブデザインで作成。
★制作に関して★
・ロゴは既存分を使用
・ナビゲーションを1000pxでハンバーガーメニューへ遷移。
・ドリンク・メニューは、わかりやすいように別シート(pdf)で制作。
・フォントを初めゴシック体と考えていたが、韓国料理のイメージに
合っていなかったため明朝体にし、しっかりとしたイメージで制作。
■ 4. クライアントからの要望の反映事項：
・来店時電話連絡必須の文言をトップに配置、ご案内にも同様の文言記載。
・HP上の料理写真に料理名と値段を記載。
・簡潔なHPを希望され、1ページ完結でのHPを制作。
・メニューは価格変動後に反映予定。
・背景写真に韓国のお城を追加。
・お盆休みをTopに記載 ⇒ 休み終了後削除
・Google マップへ反映済み
■ 5. 制作にあたり自分の感想：
・地域密着型の飲食店としての温かみ・親しみやすさをしっかりと表現
できたと思っております。
・シンプルな1カラム構成で、セクション（料理・店内・ご案内(アクセス含)
など）の流れをわかりやすい制作出来たと思っております。
・クライアントの要望もしっかりと反映できたと思っております。