ホームページデザイン
パソコン版


スマートフォン版


以前のサイトは、可愛らしいカフェのような雰囲気でした。そのサイトも素敵ではありましたが、現在の朗読教室の空気感は重厚感のある繊細なものであり、レッスン内容と以前のサイトの印象に乖離が生じていました。
そこで、トップページの構成を「本を朗読するように時系列で展開する」形をご提案しました。また、講師であるクライアント様ご自身の言葉を綴っていただくようお願いしました。
クライアント様の、「教室にかける熱い想い」がしっかりと伝わるホームページとなりました。
クライアント様は和の雰囲気をお好みで、特に版画や布地の風合いに惹かれていらっしゃいました。また、「和紙の質感を取り入れたい」というご要望もありました。
クライアント様のお好みと教室のイメージに合うビジュアルを何度も確認しながら擦り合わせを行いました。
ファーストビューには夕顔、他の箇所にも花や版画柄を採用し、教室のイメージにあった「厳かで柔らかい」印象のホームページが完成しました。
一番力を入れてコーディングしたのはレスポンシブ対応です。
WEBサイトでは珍しい縦書きの多いデザイン・追従するサイドバー・背景画像。
これらの組み合わせを考慮しながら、どのデバイスでも美しく見えるよう気を付けました。
また、お知らせページのイベントでは日時判定するよう構築し、自動的に開催予定・終了イベントを分けて表示することで、更新しやすさを工夫しました。