ABIRO’s PORTFOLIO

ショップ クライアントワーク

カフェの店舗紹介サイト

Design・Cording・Wire・Direction

概要
スクールの卒業課題として、宝塚市にあるカフェ「FIKA coffee&bake」のwebサイトを作成させていただきました。
使用ツール
ワイヤーフレーム・デザイン:Figma / コーディング:VisualStudioCode /
写真のレタッチ:Photoshop / 動画編集:Premiere Pro
製作期間
ワイヤーフレーム3日 / デザイン1週間 / コーディング3週間
対応範囲
クライアント探し / 企画立案 / ワイヤーフレーム / 写真・動画撮影(クライアント提供もあり)/ 文章構成 / デザイン / コーディング
目的
  • ・店でこだわっている所、店内の雰囲気などの魅力を伝える。
  • ・認知度を高めて、集客に繋げる。
  • ・Instagramの閲覧数増加、新規フォロワーの獲得。
ターゲット
ママ友とカフェでお喋りすることが好きな40代〜50代の女性。
雰囲気・要望
  • ・既存ロゴに合わせてシンプルだけど無機質すぎないデザイン。
  • ・高齢の方も見られることを考え、アニメーションは少なく。クリックできる所は分かりやすく。
提案したこと
  • ・スコーンなどをこだわって作っていることが視覚的に分かるように調理工程の動画を差し込む。
  • ・Instagramの閲覧数増加、新規フォロワーの獲得。
  • ・住宅街にあるため初めて来店するには少し勇気がいるという人にも気軽に入店できることをアピールする。
意識したこと
シンプルかつ無機質すぎないデザインにするべく、色を多く用いない事を意識しました。シンプルでも、単調にならないようレイアウトを工夫し目線に動きが出るようにしました。下層のメニューページは文字数が多いため、余白を意識して作成しました。

© 2025 SARA ABIRO.