Task Mentor AI
https://web-shima.com/task_mentor_ai/
担当範囲
コーディング
作業内容
LP制作、Figmaのデザインカンプからのコーディング、サイト品質チェック＆修正
制作期間
5日間
気をつけた点
・サイトが重くならないように以下のような工夫をしました。
〇 画像データをsvgもしくはwebpのファイルを利用。
〇 フォントや画像、ファイルの読み込み順を属性記述で改良。
・よりよいアクセシビリティやSEOのために、コードのタグ選びと画像のalt属性設定を丁寧に行いました。
・デスクトップ画面とモバイル画面の両方とも、サイト品質をLighthouseを使って確認し、パフォーマンスの改善を実施しました。
・CSS設計はFLOCSS形式でクラス名を指定しています。