白ごはん.com
和食のレシピを、ジャンルでも調理時間でも食材でも探せるサイトに。
白ごはん.comは、料理研究家の冨田ただすけ様が運営する和食専門のレシピサイトです。リニューアル前のサイトは開設から8年目を迎えて多くの方に利用される一方、冨田様自身が作った静的ページで構成されており、スマートフォンへの対応やレシピの探しやすさが課題になっていました。そこで、レシピをこれまでどおりご自身で更新できることを前提に、献立を考えるユーザーがスマートフォンからでも作りたいレシピにすぐたどり着けるサイトを目指し、構成から作り直しました。ノイでは、サイトの設計からデザイン、レシピ更新用CMSの開発までを担当し、公開後も定期的な更新をお任せいただいています。
2016年公開
ご要望 REQUEST
- スマートフォンに対応したい
- レシピを検索しやすくしたい
- レシピの更新は、今後も自分で行いやすい形にしたい
- 献立を考えやすいように、カテゴリーを見直したい
ノイの提案・アイデア IDEA
ジャンル、種別、調理時間、キーワードを組み合わせて探せる検索
手元の食材や使える時間からもレシピを探せるように、ジャンルとその中の種別、調理時間、キーワードの4つを組み合わせた検索を設けました。キーワードを入れなくても、ジャンルや調理時間だけで絞り込むことが可能です。また、よく使われるキーワードは「人気のキーワード」として並べ、タップするとそのキーワードのレシピ一覧に移動する機能を設けています。
献立を考えるユーザーの目線で、8つのジャンルと種別に整理
カテゴリーは冨田様と相談しながら組み直し、「ごはん」「汁もの」「おかず」など8つのジャンルに分けたうえで、ジャンルごとに種別を設けました。たとえばおかずは魚介や肉、野菜といった素材で分け、その日に使いたい食材からも選べるようにしています。
1回の入力でPCとスマートフォンに反映されるレシピ用CMS
静的ページで作られていたレシピを、冨田様が今後も更新しやすいように、レシピ専用のCMSを開発しました。材料や作り方、調理時間、キーワードなどを項目ごとに入力する形で、1回の入力でPC版とスマートフォン版の両方に反映されます。また、ページのURLをレシピごとに設定する機能も設けました。
コンテンツ CONTENT
レシピページ
これまでのレシピの流れを変えずに、キーワードや印刷にも対応
レシピページは、冨田様がこれまで書いてきたレシピの構成をなるべく変えないことを前提に組み立てました。説明文、材料、作り方、補足の順に並べ、見出しは検索での見つけやすさを考えて「○○のレシピ／作り方」と併記しています。ページ内のキーワードには同じキーワードのレシピ一覧へのリンクを設け、紙に印刷して台所で使う方のために印刷用の表示も整えました。