2001Yのプロフォール画像

2001Y@Y20010920T

英語専門塾 『秋谷光子アカデミィ』 HPのサムネイル
英語専門塾 『秋谷光子アカデミィ』 HPのサムネイル
  • web

英語専門塾 『秋谷光子アカデミィ』 HP

    • #Figma
    • #Headless WordPress
    • #Next.js
    • #X-T3
  • 約4ヶ月(2022.1 - 2022.4)

開塾35年、毎年10人前後の英検1級合格者を生み出している 英語専門塾 秋谷光子アカデミィさん のHPリニューアルをしました。

20年ぶりのHPリニューアルであり、塾のシステム自体大きく変化していたため、塾の実態とサイト構成が一致していない部分が多く発生していたため、時間をかけて情報整理を行いました。

「1度リニューアル依頼をしてデザインをしてもらったが、塾のイメージとそぐわないデザインになってしまった」という声を聞いていたため、実際に塾を訪問し丁寧なカウンセリングを行い、私自身が写真撮影なども担当しました。

SEO対策はもちろんのこと、GoogleAdsを用いたキーワード広告やGoogleマップ集客(俗にいうMEO対策)まで行いました。

英語専門塾 秋谷光子アカデミィ
https://akitani-academy.jp

Tech

個人塾なため、入塾生の変動に敏感にページ変更を行いとのご要望だったため、コンテンツは並び順などを含め、全てWordPressから編集を行えるようにしました。

また、私へのデザインの修正依頼も毎月連絡が来るため、自作サーバーにてcode-serverを用いてブラウザ完結型の開発環境を構築しました。

使用技術はHeadless化したWordPressをCMSに用い、Next.jsでSSGとしてサイトを構成しています。Next.jsの特性を活かし、ページ遷移を最低限に抑え、コースと授業形態のページでは、実際の入塾生が必要な情報のみをコンパクトに表示できるようにしました。

Server: Vercel
CMS: Headless WordPress
CMS Server: シン・レンタルサーバー

Design

コロナ禍に伴い、Figmaを使ったオンラインコミュニケーションをベースに、デザイン案を制作しました。モダンなデザインではなく、昔ながらの老舗感を重んじたデザインを制作しました。

Photo

講師紹介で使用される写真も全て撮影を行いました。証明写真や着飾った写真ではなく、正統派的な雰囲気を表現できるように撮影しました。