EOTokyoCentral様 LPコーディング

ID ,PASS:1234

プロジェクト概要

  • プロジェクト名: EOTokyoCentral様 LPコーディング
  • クライアント名: Bsidefunny株式会社
  • プロジェクト期間: 2週間
  • ページ数: 1ページ

背景と目的

クライアントからLPのコーディングを依頼され、デザインデータ(Photoshop)をもとにデザイン通りのLPを構築することが求められました。
また、ヘッダー・フッターのソースコードは既存のものを共有いただき、それを活用して実装しました。

サイトの概要

  • サイトの種類: 企業LP
  • 主な機能: シンプルな1ページ構成、スクロールアニメーション

デザインと開発の過程

デザインプロセス

  • クライアントから支給されたPhotoshopデータをもとにコーディング

開発プロセス

  • フロントエンド: HTML/CSS

チームと役割分担

  • チーム構成: デザイナー1名、エンジニア1名(自分)、ディレクター1名
  • 自分の役割: コーディング(HTML/CSS)、スクロールアニメーションの実装

成果と結果

  • 公開後の効果: スムーズな動作、デザイン通りの仕上がり、納期通りの納品
  • クライアントのフィードバック: 迅速な対応、修正依頼への対応に満足していただいた

振り返りと学び

  • 成功した点: 効率的にコーディングできた、アニメーションがスムーズに動作した
  • 課題と対策: Photoshopデータからのコーディングが大変だったほか、マップ部分の実装に少し苦労した
  • 学び: アニメーションの最適な実装方法をさらに習得
目次