目次
株式会社 HITOAI様 LPコーディング
プロジェクト概要
- プロジェクト名: 株式会社 HITOAI様 LPコーディング
- クライアント名: Bsidefunny株式会社
- プロジェクト期間: 2週間
- ページ数: 1ページ
背景と目的
クライアントからLPのコーディングを依頼され、デザインデータ（Photoshop）をもとにデザイン通りのLPを構築することが求められました。
サイトの概要
- サイトの種類: 企業LP
- 主な機能: シンプルな1ページ構成、スクロールアニメーション
デザインと開発の過程
デザインプロセス
- クライアントから支給されたPhotoshopデータをもとにコーディング
開発プロセス
- フロントエンド: HTML/CSS、JavaScript、Sass
- バックエンド: なし（静的LP）
- 使用ツール: Cursor
チームと役割分担
- チーム構成: ディレクター1名、デザイナー1名、自分（コーダー）
- 自分の役割: コーディング（HTML/CSS、JavaScript、Sass）、スクロールアニメーションの実装
成果と結果
- 公開後の効果: デザイン通りの仕上がり、納期通りの納品
- クライアントのフィードバック: 迅速な対応で満足
振り返りと学び
- 成功した点: 効率的にコーディングできた、アニメーションがスムーズに動作した。
- 課題と対策: Photoshopデータからのコーディングが大変だった、デザインの細かい調整が必要だった。また、iOSでの表示の違いによる崩れが一部発生したため、今後の対策を検討
- 学び: Photoshopデータからのコーディングの経験を深めることができた
