URL

https://cafe-serenity.mikaduki-3.com/ (こちらはサンプルサイトです。)

クライアント

「Cafe Serenity」様

制作箇所

デザイン｜コーディング｜コンセプト設計｜ロゴデザイン

使用ツール

Illustrator｜Photoshop｜XD｜html｜css｜javaScript｜jQuery

ターゲット

20-30代 女性、毎日仕事で疲れ切っている方、とにかく自然に触れ合いたい方、あまり自炊せず、栄養に偏りがある方、食べ物や飲み物など自分が口にするものに重きを置いている方、友人とゆっくりお話がしたい方、1人で黄昏たい方

webサイトについて

京都にある「自然と調和する癒しの空間」をコンセプトにしているカフェ「Cafe Serenity」様から店舗のWEBサイトのご依頼をいただいた想定でトップページ含み、6ページほど制作いたしました。
全体的なデザインとしては、WEBサイトを見た方が店内の雰囲気を感じられるよう作成しました。
内装、外装ともに植物を多く置いている。とのことだったので、上下に植物を配置し、緑に囲まれた癒しの空間を演出しました。
フォントは手書きの筆記体と明朝体を使用しました。様々な方にご利用いただきたいので、カジュアルで入りやすさを感じるが、オーガニック食材にこだわっているなど繊細・上品さが伝わるようにしました。
メインカラーには緑、自然、オーガニックから連想して「#b0cb69」を使用しました。
カフェの特徴を伝えつつ、シンプルなレイアウトで使いやすさを重視しています。パソコン、タブレット、スマートフォンに合ったサイズで表示されるレスポンシブ対応となっています。