【架空案件】絵画教室「彩彩」HP

●制作の流れ

絵や工作に興味のある子供を持つ親、アートに触れさせてみたい親をペルソナに設定しました。「うちの子にもやらせてみたい」と思ってもらえるような作品の画像とわかりやすい概要とコースも考えました。授業で制作できる様々な作品を散りばめたメインビジュアルになるように制作しました。

●カラー

色とりどりの絵の具の色のような明るく鮮やかなカラーを選びました。ベースカラーを白にすることで真っ白なキャンバスをイメージし、作品が映えるようにしています。

●タイポグラフィ

筑紫A丸ゴシック

メインのキャッチコピーや見出し、ボタンの文字に使用されている、このデザインの「顔」となるフォントです。

選定理由: 角が丸く、手作り感や優しさを表現している。文字の「ふところ（内側の空間）」が適度に締まっており、子供っぽくなりすぎず、大人の習い事としての「上品な親しみやすさ」が出ているため。 

Noto Sans JP（源ノ角ゴシック）

「About 彩彩」の本文や、一番下のメニュー、住所などの細かい情報に使用されている、スッキリとした標準的なゴシック体を使用しました。

選定理由: 装飾がないため、小さな文字でも読みやすい（可読性が高い）。メインの丸ゴシックと組み合わせることで、デザイン全体に「誠実さ・プロっぽさ」というメリハリが生まれるため。メインの丸ゴシックと組み合わせることで、デザイン全体に「誠実さ・プロっぽさ」というメリハリが生まれるため。

●工夫したポイント

大人と一緒に子供たちがこのサイトを見たときに楽しそうだと思ってもらえるような「（大人向けに）シンプルだけど（子供も楽しめる）鮮やかさ」を意識しました。