概要
| 業態 | 個人のお菓子作りブログ（お菓子・ケーキのレシピ） |
|---|---|
| 種別 | リニューアル（既存のブログ記事を生かして全面刷新） |
| 公開 | 2020年 |
WordPress導入の背景
サイトの目的が伝わりにくく、カテゴリーも整理しきれていないため、読みたいレシピにたどり着きにくい状態でした。生地やクリームのように、つながりのあるレシピ同士を行き来しづらいことも課題のひとつです。
いちばん届けたいのは、旬の果物を使ったその季節だけのお菓子です。ただ、ブログの形のままでは、それを前に出すことが難しくなっていました。
そこで、書きためてきた記事は活かしたまま、目的のレシピに迷わずたどり着けて、季節のお菓子を届けられるサイトへ作り直すことにしました。
WordPressで実現したこと
レシピの入力欄
材料と作り方は、専用の入力欄に入れるだけで、どの記事も同じ読みやすい形で表示されます。レイアウトに悩まずレシピの中身に集中でき、読む側も迷わずに作り始められます。
迷わずたどり着ける画面の構成
ページを増やすのではなく、トップページ・サイドメニュー・記事下の共通部分に、カテゴリーや人気の記事への入り口をまとめています。書きためてきた記事はそのまま活かしているので、これまでのレシピも同じ入り口から探せます。
カテゴリーの整理
レシピは「基本生地」「クリーム」「ケーキ」などの大きなまとまりの下に、細かいカテゴリーを置く2段階で整理しています。記事が増えても分類に迷うことがなく、読む側もお菓子の種類から目的のレシピを探せます。
記事同士のつながり
記事の下には、同じカテゴリーのレシピが自動で並びます。記事ごとにリンクを貼る手間がかからず、読む側も関連するレシピへ自然に進めます。
旬のお菓子をトップで紹介
記事に「旬のお菓子」のタグを付けるだけで、トップページのスライダーに自動で並びます。季節ごとにトップを作り直す必要がなく、その時期のおすすめをすぐに届けられます。
イラストを取り入れた温かい雰囲気
見出しや背景の飾りには、お客様ご自身が描いたイラストを取り入れています。飾りはレシピの文字の読みやすさを妨げない位置に置き、温かい雰囲気と分かりやすさを両立させています。
構築のポイント
今回いちばん意識したのは、「世界観」と「分かりやすさ」のバランスです。
絵本のような温かい雰囲気はコリスさんらしさなので、しっかり出したいところでした。ただ、出しすぎると、目的のレシピにたどり着けなくなってしまう…。なので、雰囲気はイラストや色でしっかり出しつつ、レシピまでの道すじは構造的に分かりやすく整理しています。
もうひとつは、これまでの記事をそのまま活かせる作りにしたことです。ページを増やして作り直すのではなく、入り口を整えることで、書きためてきたレシピがちゃんと読まれるようにしたいと思いました。
トップページの入り口を整えたことで、目的のレシピにぐっとたどり着きやすくなったと思います！