国際特許事務所の架空サイト制作

特許に関する疑問を持つ人に最適な解決策でサポートができる体制と専門性をアピールしたいと思っております。事務所の長所を周知し、契約のお問い合わせや採用への応募を増やすことを期待します。定期的にセミナーを開催していることをお知らせして、集客につなげたいです。

本プロジェクトでは、生成AIとFigmaを使用してデザインカンプを制作しました。そして、HTMLとCSS,jQueryを使って、デザインカンプを実装しました。

「数字で見る実績」セクションの数値は、ライブラリ「Animated number counter」と「jquery.inview」を使用し、カウントアップするようにしております。

CSS設計はBEMを使用し、保守性・拡張性・再利用性を高めました。コンポーネント化も行いました。

ピクセルパーフェクトを意識し、デザインカンプを忠実に実装しました。画面幅が変わってもデザインが崩れないようにしました。