UIコンポーネント設計・デザインガイドライン

デザイン・UI設計
UIコンポーネント設計・デザインガイドライン

案件概要

Webアプリケーションにおける各種コンポーネントのデザインと、ガイドラインの策定に携わりました。

「どのコンポーネントを、どのタイミングで、どのように表示するか」といった細かな定義から、状態ごとの振る舞いまで、ディレクターと連携しながら一つひとつ丁寧に設計を進めました。

私の担当は、画面表示のHTML/CSSパーツを作成し、それを元にエンジニアがReactで実装を進めるというフロー。作成したCSSを基に、エンジニアへプルリクエストを送り、密にやり取りを重ねながら進行しました。

コンポーネント設計や実装連携といった実務を通して、デザイナーとしてもコーダーとしても大きくスキルアップできたと感じてた業務です。

関連記事

中途採用ページの情報設計・デザイン・SEO改善 サブスクサービスLP構成設計・デザイン ECサイトUIデザイン 制作環境整備（Backlog／Git／Docker）

Powered by YARPP.

Category

デザイン・UI設計 企画・要件整理

Mimu Fujiwara

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