-
大手ゲーム企業で有名タイトルのサイトを多数担当。コンバージョン率の向上と売上貢献。
■ プロジェクトの目的
告知や視聴者の獲得。
人気サイトのLPを迅速かつ高品質に制作し、集客目標の達成に貢献しました。
■ 体制・人数
ディレクター5名、デザイナー2名、フロントエンドエンジニア(私)1名の計8名体制。
私はフロントエンド開発の全工程を一人で担当しました。
■ 自分のポジション・役割
広報(PR)兼フロントエンドエンジニア。
LPのコーディング、JavaScriptを用いたインタラクティブな機能の実装、サイトのパフォーマンス改善、SEO対策を担当しました。
■ 目的を達成する上での課題
数万PVに耐えうるパフォーマンスの確保も大きな課題でした。
■ 課題に対して取り組んだこと
・ディレクターやデザイナーの指示を待つだけでなく、先回りしてUI/UXの改善提案を行うことで、より質の高いページに仕上げました。
・早く正確に作業を完了させることで、他のメンバーの作業効率向上にも貢献しました。
■ ビジネス上の成果
・制作したLPが短期間で公開され、目標の視聴者数を達成しました。
・私の制作したページが多数メディアに取り上げられました。フロントエンド開発(マークアップエンジニア、Webコーダー):
HTML、CSS、JavaScriptを用いたWebサイト制作。
Webサイト制作:
LP等のゼロからのWeb制作、
WordPressを活用したサイトの構築、および各種カスタマイズ。
データ分析とサイト改善:
Google Analyticsを用いて、アクセス解析やユーザー行動分析に基づくサイトの課題特定と改善施策の実行。 -
大手ECサイト企業で有名企業様のサイトを多数担当。コンバージョン率の向上と売上貢献。
■ プロジェクトの目的
ECサイトのユーザビリティを向上させ、コンバージョン率を高める。
顧客の購買体験をスムーズにし、売上向上を目指しました。
■ 体制・人数
プロジェクトマネージャー1名、ディレクター5人、デザイナー3名、バックエンドエンジニア2名、フロントエンドエンジニア(私)2名の計13名体制。
■ 自分のポジション・役割
フロントエンドエンジニア。
独自CMSを使用したサイトのコーディングと適用、および既存ページの改修を担当しました。
■ 目的を達成する上での課題
既存の独自CMSの制約の中で、ユーザーにとって最適なUI/UXを実現することが課題でした。また、膨大なページ数を効率よく、かつミスなく改修することも求められました。
■ 課題に対して取り組んだこと
・2種類の独自CMSの仕様を徹底的に理解し、効率的なコーディングフローを確立しました。
・変更箇所を正確に把握し、細部までチェックすることで、ミスなく迅速に作業を進めました。
・チーム内で最も早く正確に作業を完了させることで、他のメンバーの作業効率向上にも貢献しました。
■ ビジネス上の成果
・作業スピードと正確性が評価され、会社で一番制作スピードが速いと称賛されました。
・担当したページのコンバージョン率が向上し、売上貢献に繋がりました。フロントエンド開発(マークアップエンジニア、Webコーダー):
HTML、CSS、JavaScriptを用いたWebサイト、ECサイトの設計・開発・運用。
Webサイト制作:
LP等のゼロからのWeb制作、
WordPressや独自CMSを活用したCMSサイトの構築、および各種カスタマイズ。
デザイン・UX改善:
Adobe XD、Photoshop、Figma等を用いたデザインカンプからのコーディング、およびユーザー体験(UX)を考慮したUI/UX改善提案。
データ分析とサイト改善:
Google Analytics、PageSpeed Insights、A/Bテスト、ヒートマップなどを用いて、アクセス解析やユーザー行動分析に基づくサイトの課題特定と改善施策の実行。
ディレクション:
クライアントへの訪問、要件定義、企画書の作成と説明、プロジェクトの進行管理。 -
大手メディア企業で数百万PVを誇る代表的な番組LP制作を一人で担当し、所属部署の月間MVPを受賞
■ プロジェクトの目的
新規番組の告知や視聴者の獲得。
数百万PVを誇る人気番組のLPを迅速かつ高品質に制作し、集客目標の達成に貢献しました。
■ 体制・人数
ディレクター2名、デザイナー4名、フロントエンドエンジニア(私)1名の計7名体制。
私はフロントエンド開発の全工程を一人で担当しました。
■ 自分のポジション・役割
フロントエンドエンジニア。
デザインカンプを基にしたLPのコーディング、JavaScriptを用いたインタラクティブな機能の実装、サイトのパフォーマンス改善、SEO対策を担当しました。
■ 目的を達成する上での課題
短期間での公開が求められる中で、デザインの意図を正確に汲み取り、高品質なコーディングを両立させる必要がありました。
また、数百万PVに耐えうるパフォーマンスの確保も大きな課題でした。
■ 課題に対して取り組んだこと
・デザイナーと密に連携し、デザイン意図を事前に確認することで手戻りを最小限に抑えました。
・パフォーマンスを考慮した軽量なコーディングを心がけ、PageSpeed Insightsなどのツールで定期的に検証と改善を行いました。
・ディレクターやデザイナーの指示を待つだけでなく、先回りしてUI/UXの改善提案を行うことで、より質の高いページに仕上げました。
・早く正確に作業を完了させることで、他のメンバーの作業効率向上にも貢献しました。
■ ビジネス上の成果
制作したLPが短期間で公開され、目標の視聴者数を達成しました。
能動的な行動力と技術力が評価され、所属部署の月間MVPを受賞しました。
フロントエンド開発(マークアップエンジニア、Webコーダー):
HTML、CSS、JavaScriptを用いたWebサイトの設計・開発・運用。
Webサイト制作:
LP等のゼロからのWeb制作、
WordPressや独自CMSを活用したCMSサイトの構築、および各種カスタマイズ。
デザイン・UX改善:
Adobe XD、Photoshop、Figma等を用いたデザインカンプからのコーディング、およびユーザー体験(UX)を考慮したUI/UX改善提案。
データ分析とサイト改善:
Google Analytics、PageSpeed Insights、A/Bテスト、ヒートマップなどを用いて、アクセス解析やユーザー行動分析に基づくサイトの課題特定と改善施策の実行。
ディレクション:
クライアントへの訪問、要件定義、企画書の作成と説明、プロジェクトの進行管理。