kotoricafeのモックアップ

kotoricafe

SNS映えするスイーツを求めて訪れる20〜40代女性をターゲットに、「季節限定メニューの魅力を視覚的に伝える」ことをテーマに制作しました。 いちごフェアを前面に押し出したポップな世界観で、イベントの華やかさや手作りの温かみがしっかり伝わるよう工夫しています。 訪問者がひと目で魅力を感じ、メインのカフェサイトへもスムーズに誘導できる構成を意識しました。

webサイトを見る
  • ターゲット

    SNS映えに関心のある20〜40代の女性や、季節のフルーツを使ったスイーツが好きな方。

  • 課題

    季節限定メニューの認知度が低く、新規顧客の獲得に課題があった。

  • 制作の目的

    ・季節限定メニューやイベントの魅力を効果的に伝える
    ・新規顧客の獲得と、メインカフェサイトへの誘導

  • 工夫した点

    いちごの写真を背景にし、「Strawberry Sweets Fair」の文字がしっかり目に入るよう、色やフォントサイズを調整しました。 視線誘導を意識し「Zの法則」に沿ったレイアウトを採用。 また、メインのカフェサイトへスムーズに移動できるよう、大きめのボタンを設置しています。

  • デザインプロセス

    ポップで可愛らしい世界観を大切にし、SNS映えを意識したデザインに仕上げました。配色は、いちごをイメージしたピンクと赤を基調に使用。また、自身の趣味であるお菓子作りを活かし、自作のいちごスイーツを撮影した写真を使用することで、手作りならではの温かみとブランドイメージの一体感を演出しています。

  • 制作期間

    ・ロゴデザイン:1日
    ・デザイン:2日間
    ・コーディング:1.5週間

  • 制作ツール・技術

    Photoshop/Illustrator/Visual Studio Code/HTML/CSS/JavaScript

webサイトのスマホのモックアップ
トップへ TOP