萌芽

じょじょ吉 デザインカンプ制作

課題02モックアップ

[一言]
モックアップを作って初めて、スクロールしないとメインビジュアルの全貌が見えないことに気づきました・・・。

課題名 じょじょ吉 デザインカンプ制作
課題内容
  • クライアントは名古屋市昭和区に店舗を構える牛かつ・とんかつ屋の「じょじょ吉」様。
  • 新規顧客の獲得及び既存顧客のユーザビリティ向上を目的に、HPのリニューアルを希望。
  • テイストの希望は「シンプルモダン」な和。
概要

お店の利用者は、子どもからお年寄りまで幅広い層とのことでしたので、誰にとっても使いやすいシンプルなデザインにしました。

「素人感」を脱したいとのことでしたので、シンプルながらも洗練された和の雰囲気を出せるよう心がけました。

口コミサイトなどでは伝え切られない、料理に対する店主のこだわりを新たに掲載することを提案しました。じょじょ吉でしか味わえない料理があることを理解してもらい集客につなげることが狙いです。

制作意図

1. 配色
課題04配色
お店のロゴと調和するような配色にしました。ベースカラーは白とクリームベージュ、フォントカラーには濃いグレーを使用。グラデーションを使用して上品な和を表現しました。

2.ABOUTページ
店主さんのお話を聞き、調理方法や素材選びなど、いろいろなことにこだわっていらっしゃることがわかったので、そういったことが知ってもらえるように「店主のこだわり」ページを作りました。

3. 店舗情報
今後10年で店舗展開をしていきたいとのことでしたので、新規店舗情報を追加しやすいように(HTMLをコピペして中身を変更するだけで更新可能)デザインしました。

4. MAP作成
「駐車場がわかりにくいという声がある」とのことでしたので、マップを作成しました。ウェブサイトになじむような見た目にしました。

5. スマホ版デザインカンプは、CSSでのレスポンシブ設計のしやすさを第一に考えて制作しました。

制作時間 20時間(2024年2月6日~2月19日)
制作環境
  • Windows10/11
  • Illustrator(CS5/CC)
  • Photoshop(CS5/CC)

ページの先頭に戻る

© 2024 Webマーケティングデザイナー養成科 第37期生 生徒作品