音声ガイドを使ってラジオ感覚で聴いてみる

コンセプト

工夫したこと

◆WF・デザインカンプに忠実にコーディングしました。
◆コードの知識がなくてもお客様自身で記事を作成・更新できるよう、更新可能性があるエリアについてカスタム投稿タイプ・カスタムフィールドを使いました。
◆WFに指示がない箇所について、UI・UXの観点からデザイナーに意見し、使いやすいWebサイトに仕上げました。
◆Webサイトで頻繁に登場するパーツについてはテンプレート化し、ショートコードで呼び出せるようにしました。
◆Git・GitHubでコードを管理し、履歴が残るようにしました。
◆セキュリティプラグインを設置の上、スパムや不正アクセス等をブロックする基本的なセキュリティ設定を行いました。
◆サイト公開後、サイトマップをGoogleサーチコンソールに送信し、直ちにクローラーが新サイトをクロールできるようにしました。
◆お問い合わせ完了やエントリー完了はもちろん、グローバルナビゲーションのメニュークリックやCTAクリックなどの計測タグをGTMで設定し、GA4で計測できるようにしました。これにより、サイトの課題がわかるようになり、サイト改善を提案しやすくしました。
◆レベルA・AAを満たすよう、Webアクセシビリティにも配慮したコーディングを行いました。これにより、障がいをお持ちの方でもWebサイトを閲覧できます。
◆容量の大きい画像は画質を落とさない範囲で80～90％ほどまで圧縮し、表示速度が落ちないようにしました。
◆積極的にAIを活用し、すべての作業を私1人で行いました。

担当範囲

HTML・CSSコーディング、WordPress化、フォーム作成、Google Analyticsなど分析ツール作成・設置、公開

制作期間（コーディング～公開）

約50営業日（2.5ヶ月）

スキル・ツール

HTML／CSS／SASS／WordPress・PHP／FileZilla／GA4／Googleタグマネージャー／Googleサーチコンソール／Microsoft Clarity／Git・GitHub／Figma／Illustrator