【使用ツール】 Photoshop / Illustrator / VisualStudioCode リンク : https://kurumisonoda.github.io/SaboYanagi/index.html Webサイト制作の授業にて仮想クライアントからの依頼でサイトを作成しました。 画像はフリーサイトから拝借しています。 ○依頼内容 ・古民家喫茶の集客のためのサイトを新設したい ・ターゲットは20代～30代のOL女性 ・仕事に疲れた女性がひと息つけるような落ち着いた雰囲気のお店を目指している ・売りは地元の八女のお茶と食材にこだわっていること ・色味はお茶を連想させる色味にしてほしい ・下層ページにメニューページとお問い合わせがほしい ○考えたこと/工夫 ・ひと息つけるような落ち着いた雰囲気とのことなので、余白を多めに設定し、ゆとりを感じさせるデザインにする ・背景は白よりは少し温かみのある落ち着いた色にする ・画像にお茶を多く使い、緑と自然を感じられるようにする ・ターゲットが女性なので、好まれやすい明朝体を主に使う ・あまり派手な色は使わず、茶色と緑で統一 ・Mapを埋め込む際、サイトの雰囲気と合わせる為にCSSで色相フィルターで調整 ・ハンバーガーメニューはCSSのみで実装