制作例
3DモデルをBlenderで作成し、React Three Fiber(R3F)で実装しました。 立体的な表現と自然な動きを持たせつつ、読み込みや描画の負荷を抑える設計で、パフォーマンスとユーザー体験の両立を心掛けました。
スクールの自由課題として、FigmaのデザインカンプからHTML/CSSでコーディングを行いました。実務を想定したフローで、各デバイスでの見え方や再現性にも配慮しています。
FigmaのデザインカンプをベースにLPをコーディング。制作時間は15時間、CSS設計にはFLOCSSを採用し、運用を見据えた設計を行いました。スクール課題でありながら実務を想定した制作を行い、案件でも要件に応じた柔軟かつ丁寧な対応を心がけています。