オンラインスクール・SHElikesのWebデザインコースの卒業制作で作成したLPです。
要件定義〜コーディング(レスポンシブ対応)まで行ったLPになります。

要件定義

  • 事業内容:紅茶とお菓子が毎月届く定期便
  • サイトの概要:スイーツの定期便のサービスを認知してもらい、初回の購入をしてもらう(毎月50件)
  • サイト名:季節を感じられる、素材にこだわったおうちカフェ定期便「Soofle(スーフル)」(Soofle=フランス語でひと息)
  • ターゲット
    • 30代~40代前半のスイーツや紅茶が好きな女性
    • インスタ映えするスイーツを手軽に味わいたい人
    • 忙しいながらも、食べるものにはこだわりたい女性

こだわったポイント

  • メインカラーとアクセントカラーはそれぞれテーマを持って決めました。
    • メインカラー→ベージュ・木目調のテーブルをイメージしたナチュラルな雰囲気。
    • アクセントカラー→グリーン・落ち着きや癒されるイメージ。オレンジ・紅茶のカラーをイメージ。 
  • あたたかみがありつつも、上質感のあるサイトにしたかったので、フォントに源ノ明朝を入れて落ち着いた雰囲気にしました。
  • お申込み数を増やすために、わたしたちについて以降のセクションでは、お申込みボタンをフローティングにて右下固定で設置しました。
  • 制作時間:4ヶ月
  • 使用ツール:
    • ワイヤーフレーム、デザインカンプ→Photoshop
    • コーディング→Atom