料理教室 Kitchen LAB

作る楽しさと美味しい感動を食卓へ届ける料理教室のサイト。ビギナー・ベーシック・プレミアムのおもてなしコースなどを紹介するデザインです。

概要

「作る楽しさと美味しい感動を食卓へ届ける」をコンセプトにした料理教室のサイトです。初めて料理教室に触れる方でも参加しやすいよう、レベル別のコース構成をひと目で理解できるデザインを目指しました。

ビギナー・ベーシック・プレミアムの3段階でコースを紹介し、それぞれの内容や対象者が分かるように構成。

ホームパーティーなどに向けた、おもてなし料理に特化したプレミアムコースを目立たせる導線を設計。

スマートフォンからの予約検討が多いことを想定し、モバイル表示でも見やすいレイアウトに調整。

各コース紹介から申し込み・お問い合わせへスムーズに遷移できるボタン配置。

ヘッダーから公式LINEでの体験レッスン申込みへ誘導し、紹介資料（PDF）もその場でダウンロードできる。

jQueryでスマートフォン表示時のメニュー開閉（アイコンの切り替え含む）を制御。

料理教室ならではの「温かみ」と「美味しそう」という印象を伝えるため、オレンジ系の暖色をベースにしたカラー設計を採用。コースごとにカードの高さを変えることで、内容のボリューム感が視覚的に伝わるようにしています。