開発事例

開発事例

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

Worksサービス別 開発事例

51件の開発事例を掲載中

6 / 6 ページ

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

17 ワークフロー自動化

CASE 01
PERFORMANCE 98 /100

稟議承認ワークフロー

AI

WEB

CLOUD

  • 2022.06.09
  • 専門商社
  • 10週間
  • kintone / JavaScript / REST API

稟議の承認経路が部署ごとに異なり、メール転送で承認状況を追っていました。

金額、部署、申請種別ごとに承認ルートを切り替え、差し戻し履歴と添付資料をkintoneで管理しました。

承認待ち案件が見える化され、月末の確認連絡が減りました。

QR code for case 17-01 QR

17 ワークフロー自動化

CASE 02
PERFORMANCE 89 /100

Slack通知つき作業依頼管理

AI

WEB

CLOUD

  • 2022.05.12
  • Web制作会社
  • 5週間
  • Notion API / Slack / Cloudflare Workers

制作依頼がチャットに流れ、担当、期限、素材確認が追いづらくなっていました。

Notionの依頼DBを中心に、期限前通知、素材不足通知、完了報告をSlackへ自動投稿しました。

ディレクターが未対応依頼を一覧で確認でき、確認漏れが起きにくくなりました。

QR code for case 17-02 QR

17 ワークフロー自動化

CASE 03
PERFORMANCE 94 /100

契約書レビューの進行管理

AI

WEB

CLOUD

  • 2022.04.07
  • 法務アウトソーシング会社
  • 8週間
  • Airtable / Make / Google Drive

契約書の版管理とレビュー状況がメールに埋もれ、どれが最新版か分かりにくい状態でした。

案件、契約書ファイル、レビュー担当、期限をAirtableで管理し、Driveの最新版リンクを自動更新しました。

レビューの滞留が可視化され、担当者交代時も状況を引き継ぎやすくなりました。

QR code for case 17-03 QR

CONTACT

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