開発事例

開発事例

高難易度案件を中心に、課題・技術的難易度・解決策・成果を紹介します。

Worksサービス別 開発事例

3件の開発事例を掲載中

1 / 1 ページ

16 UI/UXデザイン・フロントエンド

CASE 01
PERFORMANCE 91 /100

SaaS管理画面のUI刷新

AI

WEB

CLOUD

  • 2022.09.08
  • BtoB SaaS企業
  • 11週間
  • React / Storybook / Figma Tokens

機能追加のたびにUIが不揃いになり、ユーザーが設定項目を探しにくくなっていました。

フォーム、テーブル、ステータス表示をコンポーネント化し、Figmaと実装の命名を揃えました。

新機能画面の実装速度が上がり、サポートへの操作質問も減りました。

QR code for case 16-01 QR

16 UI/UXデザイン・フロントエンド

CASE 02
PERFORMANCE 96 /100

LP高速化とアニメーション実装

AI

WEB

CLOUD

  • 2022.08.18
  • 広告代理店
  • 4週間
  • HTML / CSS / GSAP

デザイン再現度は必要だが、広告流入のため表示速度も落とせない案件でした。

ファーストビューの画像読み込みを調整し、スクロール演出は必要箇所だけGSAPで実装しました。

Core Web Vitalsを維持しながら、クライアント確認でもデザイン再現性を評価されました。

QR code for case 16-02 QR

16 UI/UXデザイン・フロントエンド

CASE 03
PERFORMANCE 87 /100

デザインシステム導入支援

AI

WEB

CLOUD

  • 2022.07.14
  • FinTech企業
  • 12週間
  • Next.js / Tailwind / Storybook

複数チームが画面を作り、ボタン、入力欄、エラー表示の仕様が揺れていました。

UI部品、状態、アクセシビリティ基準を整理し、Storybook上で利用例と禁止例を確認できるようにしました。

レビュー観点が揃い、実装者が迷う細かなUI判断を減らせました。

QR code for case 16-03 QR

CONTACT

まずは無料でご相談ください