Facebook 【課題制作】ベーカリーヤマグチ Webサイト リニューアル課題
Logo

【課題制作】ベーカリーヤマグチ Webサイト リニューアル課題

クレジット
Avatar
デザイナー
【課題制作】ベーカリーヤマグチ Webサイト リニューアル課題-1
シェア
制作ノート
詳細

【概要】

現行のページデザインをリニューアルし、パン屋さんのサイトとして適切なものに作り替える。

郡山市鶴見坦に店舗を構える街の小さなパン屋さん。

全国展開しているような大手チェーンではなく、材料にこだわった手作りのお店。

【要望】

・ホームページが古くなったのでリニューアルをしたい。

・郡山のお店のため、クリームボックスについての情報も掲載したい。

【制作期間】

2022年9月〜2022年9月

【制作にかかった期間】

〜1週間

【使用ツール・言語】

Photoshop、HTML5+CSS

【注意点】

・キャッチコピーを考案し、デザイン内で利用

→グループディスカッションにて決定。『ホッ。っとする想いとおいしさを』("Hot"と"ホッとする"をかけている。)

・ロゴはリニューアル既存のデザインを採用。

・素材となる写真はダミーでOK。配布物で足りない場合はインターネット上からイメージ画像を調達し利用してください。

・フリー素材の利用可。

・自分たちで撮影したものを使っても構いません。

・制作にあたりトップページのデザインとPCサイトのコーディングは完成させましょう

・可能であればスマートフォンに対応し、内部のページも作成してみてください。

【ターゲット層】

ファミリー層・地元民

(割と広い)

【伝えたいイメージ】

温かい・おいしそう・安全・笑顔

【意図・ポイント】

従来のデザインとはさほど変えずに、柔らかい雰囲気が出るように暖色系を多く使った。

基本的に、リンクが設定されてる文字や画像にカーソルを合わせると色が変わるように設定した。

どのページでも、ロゴマークをクリックすると、ホーム画面に戻るように配慮している。また、全部のページのフッター(下)には店舗情報を記載して、場所もわかりやすくGoogle mapを埋め込んでいる。

写真はホームの女性の顔に目が行くように切り取った。重要コンテンツには太文字を配置している。

食べ物を美味しく見せるために、全体的に赤みを出してコントラストを上げている。

シェア
この作品のその他の制作ノート
HTMLコード【ホーム】

もっとみる

HTMLコード【商品紹介】

もっとみる

HTML【当店のこだわり】

もっとみる

HTML【お問い合わせ】

もっとみる

CSS

もっとみる