フロント(APP内)デザインコーディング業務

フロント(APP内)デザインコーディング業務

案件概要

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

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

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

担当業務

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

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

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

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

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

Mimu Fujiwara

フリーランスのWebディレクター/デザイナー。 職種にとらわれず、プロジェクトの状況に応じて「判断と整理」を担う立場で関わっています。 要件定義や情報設計を起点に、UI設計・CMS構築・運用改善まで一貫して対応。 見た目を整えることよりも、「なぜそうするのか」「どうすれば無理なく回るか」を大切にしています。 アクセス状況や利用実態などの数字も判断材料として扱いながら、制作を“納品で終わらせない”改善パートナーとして伴走しています。