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