ヨガ教室のLPのデザインの制作とコーディングを致しました。（html/css）
HP制作依頼者の悩み
コロナを経て、リモート環境が普及した環境で自身の体型の変化や運動不足に悩む人に認知を広げたい。オンラインでもヨガ、ウォーキングレッスン、「栄養管理のプロ」としての栄養士のスキルを生かして集客に力を入れたい、という相談でした。
ターゲット層を30〜50代の働く女性にして、忙しくとも日常的に自身で取り入れられるヨガを中心にウォーキング、食生活の提案等、総合的な体作りをベースにしたレッスンの内容に特化させ『朝の爽やかさ』をコンセプトにブルーをメインカラーとしました。また優しく品のあるサブカラーとしてはゴールドをあしらい、特別感を演出しデザイン制作致しました。
レスポンシブコーディングでレイアウトが壊れないよう、文字の大きさ、イラストのサイズバランスに気を遣いながら、デザインを構築致しました。また、ボタンのホバーも光らせる事で動きを作りました。
手書き文字や斜線で抜け感を作り、親しみとおしゃれな雰囲気を作っています。
お客様の声は、一つずつカードにして、レスポンシブし易いデザインにしました。 紙媒体とは違い、素材や文字の送りがレスポンシブで設定しない限りは定位置や幅というものが特段無いことなどが、一番学びになりました。
体験レッスン内容は3項目の「ヨガ」「ウォーキング」「栄養管理」のそれぞれのレッスンが別々に体験できる仕組みにして、ボタンクリックでそれぞれのLPリンクに飛びます。