アプリ内UIデザイン・フロント実装

デザイン・UI設計
アプリ内UIデザイン・フロント実装

案件概要

自社開発サービスのアプリケーション開発において、フロントエンド（アプリ内UI）のデザインコーディングを担当していました。

SCSSによるスタイリング設計と、PHPベースでのコンポーネント構成のもと、再利用性を意識したUIパーツの実装を行いました。
また、エンジニア側でReactに変換・実装される構成だったため、スタイルもReactコンポーネントで扱いやすい形で設計しています。

実装にあたっては、エンジニアによるコードレビューを受けながら進行し、命名ルールや記述の最適化についてもフィードバックを反映。
併せて、スタイルガイドや命名規則などを整理したガイドラインの作成にも関わりました。

担当業務

  • 自社サービスにおけるアプリ内UIのデザインコーディング

  • SCSSによるスタイル設計（Reactでの再利用を考慮）

  • PHPによるUIコンポーネント構成の設計・実装

  • コードレビュー対応とフィードバック反映

  • UIガイドライン／スタイルルールの策定・整備

関連記事

ゲーム系ページUIデザイン・実装 ECサイトリニューアル デザイン・静的実装 UIコンポーネント設計・デザインガイドライン ファイルDL計測実装（GTM／GA4）

Powered by YARPP.

Category

デザイン・UI設計 実装・CMS構築

Mimu Fujiwara

フリーランスのテクニカルPM／Webディレクター。 要件整理や情報設計を起点に、Web制作の設計・実装・運用を横断して支援しています。 プロジェクトの状況に応じて、企画・設計・実装のあいだに入り、「判断と整理」を担う立場で関わることが多いです。 UI設計やCMS構築、公開後の運用改善まで一貫して対応しながら、見た目を整えることよりも「なぜそうするのか」「どうすれば無理なく回るか」を重視しています。 アクセス状況や利用実態などの数字も判断材料とし、制作を“納品で終わらせない”改善パートナーとして伴走しています。