プロジェクト概要
- プロジェクト名: アドバンサー株式会社様 LPコーディング
- クライアント名: Bsidefunny株式会社
- プロジェクト期間: 2週間
- ページ数: 1ページ
背景と目的
クライアントからLPのコーディングを依頼され、デザインデータ（Photoshop）をもとに、デザイン通りのLPを構築することが求められました。
サイトの概要
- サイトの種類: 企業LP
- 主な機能: シンプルな1ページ構成、スクロールアニメーション、モーダル機能
デザインと開発の過程
デザインプロセス
- クライアントから支給されたPhotoshopデータをもとにコーディング
開発プロセス
- フロントエンド: HTML/CSS、JavaScript、Sass
- バックエンド: なし（静的LP）
- 使用ツール: Visual Studio Code
チームと役割分担
- チーム構成: ディレクター1名、デザイナー1名、自分（コーダー）
- 自分の役割: コーディング（HTML/CSS、JavaScript、Sass）、スクロールアニメーション・モーダル機能の実装
成果と結果
- 公開後の効果: デザイン通りのLPを納品
振り返りと学び
- 成功した点: Sassを使用して効率的にコーディングできた
- 課題と対策: Photoshopデータからのコーディングが大変だったが、デザインの細かい調整を行い対応
- 学び: Sassを活用した効率的なコーディング方法を習得し、Photoshopデータからのコーディング経験を積むことができた
