【Web制作】ピラティススクールのサイト

OVERVIEW

スクール卒業制作にてTOPページのみデザイン、コーディングを行ないました。

YEAR 2020

URL:https://fruits-design.work/pilates_sample/

制作時期:2020.8~2020.10

制作期間:約2ヶ月

担当範囲:設計 / デザイン / コーディング

レスポンシブ: PC / タブレット / SP

使用ツール:XD / Photoshop / Illustrator


サイトの目的:ピラティスに興味を持ってもらい、スクールの体験予約をしてもらう

ターゲット:20代後半~40代前半女性、美容・健康に興味・関心を持っている 

制作のポイント

構成:ピラティスに興味があるがどんなものなのか分からないユーザー向けに、冒頭の導入文からピラティスについて興味を持ってもらい、予約を行なっていただけるまでの流れを意識して作成しました。

配色:女性限定のピラティススクールということで、健康的なグリーンと女性らしく落ち着いたピンクを採用しました。

UI:ボタンはカラーを統一し、配置も大きくずらさずにシンプルな操作でサイトを回遊してもらえるようにしています。また、体験予約ページのリンクボタンはPC/SPともに常に上部に固定表示し、いつでもどこからでもアクセス出来るようにしています。


簡単ではありますが、ロゴもIllustratorで制作しました。

ロゴからファビコンも制作し、設定しています。