ファンビジネス向けEC SaaSのフロントエンド開発

ファンビジネス向けEC SaaSのフロントエンド開発をリードし、モダンUIへのリプレイスやNext.js導入、開発体制の強化と効率化を実現

企業ドメイン

EC関連

*取引先名の記載は控えています。詳しくはお問い合わせください。
お問い合わせ

案件内容

UI/UXの改善
ECアプリの管理画面のフロントエンド開発 / 要件定義 / 開発計画の策定
クライアントのECサイトのフロントエンド開発

実績・取り組み

管理画面のフロントエンド開発と要件定義

リリース初期は専任のフロントエンドエンジニアが不在で、デザイン・開発品質が低い状態でした。
そこで、デザイナーと協力しながらモダンUIへのリプレイスを推進し、Storybookなどのモダンライブラリの導入を提案・実施しました。
これにより、デザインとフロントエンドの品質向上だけでなく、開発体制の改善にも貢献しました。
また、コーディングルールが存在せず、類似機能が各画面で個別実装されていたため、ルール策定から実装までを担当し、運用の効率化を実現しました。

現在は、Visual BasicからPython + Next.jsへのリプレイスを進めており、要件定義を含めたフロントエンドの設計・実装をリードしています。
Next.jsの環境設計・コンポーネント化・API連携の設計を行い、管理画面が100ページ以上に及ぶことを考慮しながら、バックエンドエンジニアと連携してスケーラブルな開発基盤を整備しています。
また、画面ごとのAPIリクエストを適切に管理し、型定義や非同期処理の最適化を行うとともに、将来的な多言語対応を見据えたキー管理システムを導入し、拡張性を持たせた開発を進めています。

クライアント向けECサイトのフロントエンドサポート

顧客からの依頼に応じて、年に数回ECサイトの制作を担当しています。Nuxt.jsを用いて開発し、ジュニアクラスのエンジニアにタスクを割り当てながら、コードレビューを通じて品質の維持を担当しています。

担当

  • フロントエンドコーディング
  • 要件整理 / 開発計画の作成
  • UI/UXのデザイン策定補助
  • 正規雇用社員のディレクションサポート
  • コーディングルールの策定と適用

言語・ツール

マークアップ
HTML / Pug
スタイル
CSS / SCSS
フロントエンド
JavaScript / TypeScript / jQuery / Vue.js / Next.js
開発ツール
Visual Studio / Storybook
デザインツール
Adobe XD / Figma

チーム規模

15名