petitbonbonsのモックアップ

Petit bonbons

Petit bonbonsは、個人でアイシングクッキーや焼き菓子のレッスンを行っている教室のWebサイトです。 レッスン内容がInstagramだけでは伝わりにくいという課題をもとに、写真やスケジュールを通して情報を整理し、初めての方でもスムーズに予約まで進めるような構成とデザインを意識して制作しました。
※インターネットアカデミー第7回作品コンテスト 部門Cで優秀賞を受賞。

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

    お菓子作りが好きな20〜40代の女性や、子どもと一緒にレッスンを楽しみたい主婦層。

  • 課題

    レッスン数が豊富なため、Instagramだけでは内容が伝わりづらく、受講までの導線も複雑だった。

  • 制作の目的

    ・レッスン内容を視覚的にわかりやすく伝える
    ・新規顧客の獲得と生徒数の増加を目指す

  • 工夫した点

    ・トップページに写真と共にレッスン一覧を配置し、見ただけで内容が把握できる構成に
    ・Googleカレンダーを埋め込み、最新のスケジュール確認が可能に
    ・LINE予約への導線を設け、個別メッセージでの予約確認の手間を削減

  • デザインプロセス

    当初は「シンプルでエレガントな雰囲気」をご希望だったため、ピンク・紫・スクリプト体などを使用しましたが、「子どもも親しみやすい温かみのある雰囲気にしたい」との要望を受けて、『ベージュと淡いピンクの配色』『親しみやすさのあるフォント(Cormorant SC)』に変更など、方向性を柔らかくシフトしていきました。

  • 制作期間

    ロゴデザイン:1週間
    Webサイト:現在も制作中(一部仮データを使用)

  • 制作ツール・技術

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

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