WORKS

メインビジュアル

デザインカンプの製作課題

サイト名 :Handmade & Coffee Shop 「Cozy chat」

デザインカンプは以下のリンクからご覧いただけます。

制作指示内容

▼制作目的

・利用者の集客
・ハンドメイドに関する情報の募集(バナーにて表現)

▼ターゲット

20代後半~40代女性を意識した雰囲気で

▼サイトイメージ

あたたかなイメージ、落ちついた感じ

▼必要事項

・トップページに必要な項目

(キャッチフレーズ/新着情報/営業日カレンダー/電話番号/メインイメージ画像/ハンドメイドに関する情報の募集バナー)

・提供するロゴを使ってください。サイズ変更はOKですが、色などを変更しないでください

・キャッチフレーズは指定のものを使用すること

・写真素材は商用利用OKの素材を使用すること

作成のポイント

▼サイトの構成

・更新頻度の高い、新着情報やカレンダーをページ上部に配置しました。

・サイトの制作目的の1つである「ハンドメイドに関する情報の募集バナー」もページの上部に配置することで、サイト訪問者の認知につなげます。

・新規のお客様の集客につながるように、ページの中段にPICK UP MENUのコーナーを作成しました。

・ドリンクメニューやフードメニューについては、お店で使用しているメニュー表のPDFデータをリンクさせることで、コードの知識が無い方でもメニューの更新が簡単に行えるかと思います。

▼使用カラー

・あたたかみのあるイメージにするために、茶系でまとめました。

・背景にはクラフトペーパーを用い、ハンドメイドマーケットとの親和性も高めています。

メインカラー

#24140E

ランプブラック(ランプについた煤のような黒)
∟あたたかみのあるブラック。コーヒーの色味にも似たこちらの色をメインカラーに選定しました。

サブカラー

#C2894B

アンバー(amber)、琥珀色。
∟ランプブラックと併せて、あたたかさや、クラフト感をイメージして選定。

背景

#craft paper

クラフトペーパー
∟「ハンドメイド作品を募集しているカフェ」ということから背景にクラフトイメージを追加しました。

色彩イメージ参考資料: 色彩図鑑

▼製作時間

Photoshopでの画像制作:5時間

XDでのレイアウト作成:3時間

▼使用ツール

Photoshop / XD

go top