OJTハッカソンにてトップページのみ作成した仮想サイトになります。
今回は現在も利用されているサイトのリニューアルとしてブランディングサイトの利用を目的に制作いたしました。黒猫亭様はお店自体のコンセプトや、雰囲気がとても良いためSNSと併用してお店の良さを伝えられるように意識しました。
URL
https://kuronekotei.suzukitakaya.work/
- ユーザ名：admin
- パスワード：Q8iFucf-
担当
- デザイン
- デザインカンプ
- ロゴ
- ファビコン
- アップルタッチアイコン
- OGPアイコン
- コーディング
- ローディング画面
使用したツール
- Adobe Photoshop
- Adobe Illustrator
- HTML5
- CSS3
- JavaScript/jQuery
サイトの目的
- 主目的：SNSやwebサイトを通してお店の雰囲気やコンセプトを知ってもらう
- 目標：UU数150%
ターゲット
20代〜40代男女でSNSを多く活用している方
（お店自体がSNSを多く利用されているため）
デザイン／コーディングについて
お店自体が昭和をコンセプトに、小説家の「横溝正史さん」の世界観からインスピレーションされた店舗になっております。また店名や内装も横溝正史さんの作品「黒猫亭事件」からイメージされております。
WEBサイトのデザインについてもそのイメージにあったフォントや配色を選定し、使用している画像はサイト全体の雰囲気に合うよう彩度／明度を調整いたしました。さらにユーザに一番伝えたいコンテンツの背景色を区別化することで誘目性を高められるよう意識しました。