美容医療系のランディングページ（LP）のコーディングを担当しました。また、同一クライアント様よりご依頼をいただき、他にもLPを2サイト制作しました。
URL
https://haab.clinic/lp_n/hyaluronicacid_001_03/
担当
コーディング
制作時間
コーディング：2日
使用ツール
コーディングについて
主に画像を使用したランディングページのため、SEOを意識して制作を行いました。デザイナーからFigmaで作成されたデザインカンプをもとにコーディングを担当し、適度に動きを加えることで、ユーザー体験の向上を図りました。また、PC表示に関してはデザインを任せていただいていたため、右側にメニューを配置するレイアウトを採用し、PC環境でも視認性・操作性が高くなるよう工夫しました。デザインカンプでは要所のタイトルが画像で表現されていましたが、SEOおよびアクセシビリティを考慮し、視覚的には表示されないものの、HTML上ではh2タグとして適切に構造化する対応を行いました。