＜担当範囲＞
要件定義 / デザイン / コーディング
1.要件定義（架空）
■事業内容
おにぎり専門店（テイクアウト）
■事業のターゲット
- 和食が好きで健康志向の方
- 忙しい生活の中で手軽においしいご飯を食べたい方
■概要・目的
- 店舗の認知拡大
- メニューと、お米や素材へのこだわりを伝える
- 一人暮らしでもふらっと立ち寄れる雰囲気を伝える
■ターゲット
- 忙しく働く一人暮らしの方
- 健康に気を遣うようになった30代・40代の男女
2.デザインのポイント
●ページデザイン
■イメージ/コンセプト
- お米のおいしさが伝わる画像を使い、全体的にシンプルにしました。
- ほっこり落ち着くようなデザインを意識しました。
■配色
海苔をイメージしたグリーンと、落ち着いたベージュを使用。
「おにぎり」「実家」のようなぬくもり感や落ち着きを表す配色にしました。
■フォント
視認性が高く、やわらかな雰囲気のある「Noto Sans JP 」を使用しました。
■装飾
- ロゴやあしらいに、おにぎりをイメージした三角形を使用しました。
- やわらかい雰囲気が出るように、FVの写真のトリミングや背景・ラインに曲線を使用しました。
●ロゴデザイン
■イメージ/コンセプト
- 「O」の部分に、おにぎりをイメージした三角形を使用しました。
- 三角形を傾けたり、くるっと丸まった線を入れ、おにぎりが転がっているように見えるように意識しました。
- 小さくても「おにぎりスタンド」に目が行くよう、文字間を調整しました。
3.振り返り
初めてのWEBサイト制作だったこともあり、デザインにもコーディングにもかなり時間がかかってしまった上に、作業時間を記録していませんでした。この反省点を活かして、次からはきちんと記録するようにしました。
また、コーディングを意識したデザインではなかったため、特にレスポンシブ対応の際にレイアウトに苦労しました。