・HTML/CSSの基礎を習得した段階で制作するサイトとして、一般的なカフェサイトではなく、実際のビジネス利用を想定した士業サイトを選びました。
・専門的なサービス内容を分かりやすく伝えるため、独自コンテンツに加えて、公的機関や商工会議所などの一次情報へのリンクを設置しました。
・参考情報へアクセスした後もサイトへ戻りやすいよう、外部リンクは別タブで開く仕様に設定しています。
・ページ表示速度やコード管理のしやすさを考慮し、JavaScriptアニメーションはjQueryを使用せず、Intersection Observer APIで実装しています。
・ライブラリ依存を減らし、軽量で管理しやすい構成を意識しました。
・使用画像は軽量化のため、WebP形式へ変換しています。
・お問い合わせフォームは外部フォームサービス「Formzu」を利用したシンプルなものにしています。
・フォーム送信後は独自制作のサンクスページを用意しました。