・HTML/CSSの基礎を習得した段階で制作するサイトとして、一般的なカフェサイトではなく、実際のビジネス利用を想定した士業サイトを選びました。
・専門的なサービス内容を分かりやすく伝えるため、独自コンテンツに加えて、公的機関や商工会議所などの一次情報へのリンクを設置しました。
・参考情報へアクセスした後もサイトへ戻りやすいよう、外部リンクは別タブで開く仕様に設定しています。
・ヘッダー部分のスクロールアニメーションはライブラリを使用せず、Intersection Observer APIで実装しています。
・静的サイトとして構築しているため、問い合わせフォームには外部フォームサービスのFormzuを利用しました。
・フォーム送信後は独自制作のサンクスページを用意しました。問い合わせフォームのためだけにWordPressを導入したりするのではなく、外部サービスを利用することで、必要な機能を追加しつつサイトの構成をシンプルにしています。
・掲載画像は『O-DAN』、人物画像は『いらすとや』で提供されている素材を使用し、画像容量の大きいものは表示の高速化を考慮してWebP形式へ変換しています。
・構造化データ(JSON-LD)は、トップページのみ実装しました。ご予算やご要望に応じて、下層ページにも実装します。