斎藤はるか(Webデザイナー) (haruka-s21) のビジネス経験

見積もり・仕事の相談を承ります。

  • 介護業務支援ソフトウェアのフレームワーク移行と新機能開発

    介護・福祉 エンジニア フリーランス 本業として

    ■ プロジェクトの目的
    自社利用していた介護業務支援ソフトウェアを外販向けにリニューアルし、オフショア開発によるプロトタイプの品質課題を解決するためのフレームワーク移行(Vue.js→Remix)と新規機能開発

    ■ 体制・人数
    6名体制

    ■ 自分のポジション・役割
    ・フロントエンドエンジニアとして、既存システムのUI全面リニューアルを担当
    ・Vue.jsからRemixへのフレームワーク移行における画面再構築を実施
    ・新規機能の追加開発を担当
    ・新規画面のワイヤーフレーム作成と要件整理・画面設計を実施

    ■ 目的を達成する上での課題
    ・参画前はオフショア開発したプロトタイプのUI変更と聞いていたが、品質に問題があり既存システムからの移行を新たに実施する状況となった
    ・既存システムのVue.js、移行先のRemixフレームワークに習熟しておらず、短期間での技術習得と実装が必要だった
    ・既存システムの仕様書も存在しないため仕様理解が困難だった
    ・自社利用から外販向けへの転換に伴い、より洗練されたユーザーインターフェースと操作性の向上が必要だった
    ・プロジェクト初期段階で要件が曖昧な状態で進行しており、明確な仕様策定が求められた
    ・介護業務の専門知識を持ちながら、細かい業務要件の理解が必要だった

    ■ 課題に対して取り組んだこと
    ・AIを積極的に活用してVue.jsからRemixへの変換を効率化し、AIで対応できない箇所を手動で修正することで開発スピードを向上
    ・AIレビューと人によるレビューを組み合わせた二段階レビュー体制により、コード品質を確保
    ・シフト管理画面のワイヤーフレームをGoogleカレンダーの週表示をベースに作成し、直感的な操作性を重視した画面設計を提案
    ・介護業務の細かい要件については、リーダーに都度確認を取りながら正確な仕様理解に努めた

    ■ ビジネス上の成果
    2025年7月に予定通りリリースを完了し、オフショア開発による品質課題を解決して外販可能なレベルまでシステム品質を向上させることができた。AIを活用した開発手法により、未習熟な技術領域でも効率的に開発を進めることができ、モダンな開発手法の知見を蓄積した。紙ベースとデジタルの両方に対応した柔軟な業務フローを実現し、介護現場の多様な運用形態に対応できるシステムを構築した。

    TypeScript, HTML, CSS, React, Remix, Figma

    見積もり・仕事の相談

  • 求職サイト企業向け採用支援機能の追加・改修・運用とユーザビリティ向上

    人材紹介・人材派遣 エンジニア フリーランス 本業として

    ■ プロジェクトの目的
    求職サイトの企業側機能におけるスカウト機能の改修・追加とUI/UX改善による、企業担当者の業務効率向上と求職者マッチング精度の向上

    ■ 体制・人数
    10名体制

    ■ 自分のポジション・役割
    ・フロントエンドエンジニアとして、企業側管理画面のスカウト関連機能の改修・追加を担当
    ・求職者一覧画面のUI/UX改善と新規画面の作成を実施
    ・不具合調査や顧客問い合わせ対応を担当
    ・企画担当・デザイナーとの仕様検討・提案を実施

    ■ 目的を達成する上での課題
    ・多岐にわたる検索条件(希望職種、居住地域、学歴、言語スキルなど)を企業担当者が効率的に確認・操作できるUI設計が必要だった
    ・従来のモーダル表示による検索条件確認では、操作性が悪く業務効率を阻害していた
    ・フロントエンド担当でありながら、バックエンド関連の不具合調査や問い合わせ対応が発生し、専門外の領域での課題解決が必要だった
    ・企画担当者との連携において、技術的制約を考慮した現実的な仕様提案が求められた

    ■ 課題に対して取り組んだこと
    ・求職者一覧画面に検索条件をドロワー形式で表示し、モーダルを開かずに検索条件を確認できるUI設計を実装
    ・ドロワーが下スクロール時に自動で閉じ、ヘッダー下に追従表示される機能を追加し、画面の視認性と操作性を両立
    ・4〜5人のチームを組んだ案件では、チームメンバーと連携しながら複数の機能追加・改修を並行して進行
    ・技術的制約により実装困難な仕様については、企画担当・デザイナーと積極的に相談し、代替案を提案して現実的な解決策を模索
    ・バックエンド関連の不具合や問い合わせ対応では、該当領域に精通したメンバーと連携を図り、適切なサポートを得ることでチーム一体となって課題を解決

    ■ ビジネス上の成果
    検索条件のドロワー表示機能により、企業担当者がモーダルを開く手間を省略でき、スカウト業務の効率化を実現した。担当者レベルでの評判も良好で、ユーザビリティの向上に貢献できた。また、フロントエンド専門でありながらバックエンド関連の課題にも対応することで、サービス全体を俯瞰した問題解決能力を身につけ、チーム内での対応範囲を拡大できた。

    JavaScript, HTML, CSS, React, Figma

    見積もり・仕事の相談

  • UXサービス顧客カスタマイズ・オフショア開発管理

    IT・通信・インターネット エンジニア フリーランス 本業として

    ■ プロジェクトの目的
    UXサービスの顧客ごとの要件に応じたカスタマイズコンポーネント開発と、ベトナムオフショア開発チームの品質管理による開発効率化とサービス品質向上

    ■ 体制・人数
    10名体制

    ■ 自分のポジション・役割
    ・フロントエンドエンジニアとして、顧客要件に応じたUIコンポーネントのカスタマイズ実装を担当
    ・時間の空いた際にベトナムオフショア開発チームのコードレビューを実施
    ・デザイナーと連携し、仕様検討から実装まで並行して進行するプロジェクト進行を担当

    ■ 目的を達成する上での課題
    ・顧客ごとに異なる技術要件(React、Vue、JavaScript)に対応しながら、高品質なUIコンポーネントを短期間で開発する必要があった
    ・デザイナーのリソース不足により、完成度の低いデザインデータと並行して実装を進める必要があった
    ・ベトナムオフショア開発において、仕様理解のズレや品質のバラツキを最小限に抑える必要があった
    ・Figmaの習熟度がデザイナーによって異なり、コンポーネントの一貫性確保に課題があった

    ■ 課題に対して取り組んだこと
    ・グラフ表示や複数月対応の日付選択UIなど、高度なインタラクションを要するコンポーネントを顧客の技術スタックに合わせて実装
    ・ドラッグ・アンド・ドロップ機能やスムーズなドロワーアニメーションの実現のため、適切なライブラリ選定と導入を実施
    ・ベトナム開発チームのコードレビューでは、仕様適合性、不要な修正の除去、深いネストの回避など品質向上のためのチェックポイントを設定
    ・Figmaデザインの不整合(インスタンス化されていないコンポーネントの微細な差異など)を詳細に確認し、デザイナーとの密な連携で意図の確認を実施

    ■ ビジネス上の成果
    動的なUIコンポーネントの開発を通じて、従来の静的なWebサイト制作では得られないインタラクティブなユーザー体験の実装スキルを大幅に向上させることができた。また、オフショア開発チームのレビュー業務を通じて、品質管理の視点を養い、チーム全体の開発効率向上に貢献した。顧客の多様な技術要件に対応することで、フロントエンド技術の幅を広げ、短期サイクルでの開発に適応できるスキルセットを構築できた。

    TypeScript, JavaScript, HTML, CSS, React, VueJS, Figma

    見積もり・仕事の相談

  • 写真館・シミュレーションゴルフ施設のホームページ・LP制作

    芸能・エンターテイメント デザイナー フリーランス 副業として

    ■ プロジェクトの目的
    写真館・シミュレーションゴルフ施設の集客力向上を目的としたホームページ制作と、IT系企業のエンジニア向けイベント集客を目的としたランディングページ制作

    ■ 体制・人数
    3名

    ■ 自分のポジション・役割
    ・サブデザイナー兼フロントエンドエンジニアとして、メインページ以外のページデザインとLP制作を担当
    ・既存デザインガイドラインに準拠したページデザイン制作を実施
    ・ワイヤーフレームを基にしたオリジナルLPのデザイン・実装を実施

    ■ 目的を達成する上での課題
    ・既存のメインページデザインと統一感を保ちながら、サブページでも魅力的なユーザー体験を提供する必要があった
    ・IT系エンジニア向けLPでは、ワイヤーフレームのみから技術者に響く視覚的訴求力の高いデザインを創出する必要があった
    ・副業での限られた時間内で品質を担保しながら効率的に制作を進める必要があった

    ■ 課題に対して取り組んだこと
    ・メインデザイナーが制作したトップページのデザイントーンやレイアウト原則を詳細に分析し、一貫性のあるデザイン言語でサブページを制作
    ・エンジニア向けLPでは、ターゲットの興味を引く技術的な要素を視覚的に表現し、情報の優先順位を明確にしたレイアウト設計を実施
    ・週1回のMTGで進捗共有と方向性確認を行い、Slackでの密な連携により認識齟齬を防止し、効率的な制作フローを構築

    ■ ビジネス上の成果
    IT系エンジニア向けLPでは関係者から高い評価を獲得し、イベント集客に大きく貢献した。限られたリソースと副業という制約の中でも、デザインの品質を維持し、メインデザイナーとの連携により統一感のあるサイト制作を実現することで、クライアントの期待に応える成果物を納期内に提供できた。

    JavaScript, jQuery, HTML, CSS, Figma, Photoshop

    見積もり・仕事の相談

  • スポーツ系ECサイト追加機能開発・保守運用

    卸売・小売 エンジニア フリーランス 本業として

    ■ プロジェクトの目的
    全国130店舗展開スポーツ用品店のECサイト・キャンペーン管理システム・客注システムの機能強化により売上向上を実現

    ■ 体制・人数
    10名のプロジェクトチーム(2年間で大幅な体制変更あり)

    ■ 自分のポジション・役割
    ・メンバー・開発サポートとして基本設計〜テストをメイン担当
    ・購入フローリニューアルの主担当
    ・同じ会社から参画したメンバーの教育・サポート
    ・経験豊富なメンバーとして他メンバーのサポート業務

    ■ 目的を達成する上での課題
    ・2次受けの立場によるファイルアクセス権限・情報共有の制約
    ・企画担当の機能不足による方向性の混乱
    ・スキル不足のメンバーへの対応とチーム生産性の維持
    ・購入フロー完成直前での全面見直し・作り直し対応

    ■ 課題に対して取り組んだこと
    ・限られた権限の中で積極的な情報収集とコミュニケーション推進
    ・企画担当との密な連携により方向性のブレを最小化
    ・スキル不足メンバーへの丁寧な教育・サポート実施
    ・全面見直し時も柔軟に対応し、品質を維持しながら再構築

    ■ ビジネス上の成果
    全国展開する大手スポーツ用品店のECサイト安定運用に貢献、困難な状況下でもプロジェクトを完遂しシステム機能向上を実現

    TypeScript、HTML、CSS、jQuery 、Next.js 、React、Cypress(テストフレームワーク)

    見積もり・仕事の相談

  • 勤務状況管理システムリニューアル・販売管理Webサイト開発

    人材紹介・人材派遣 エンジニア フリーランス 本業として

    ■ プロジェクトの目的
    派遣社員の勤務状況管理効率化、販売管理システムのWeb化による業務改善

    ■ 体制・人数
    20名のプロジェクトチーム

    ■ 自分のポジション・役割
    テスト設計・テスト実施、Webサイトコーディング、顧客折衝

    ■ 目的を達成する上での課題
    期待業務と実際の業務内容の相違

    ■ 課題に対して取り組んだこと
    テスト経験を活かしたテスト内容・改善方法の提案、Webサイトデザイン時の顧客との直接調整

    ■ ビジネス上の成果
    システムの品質確保とWebサイトの要件実現に貢献

    HTML、CSS

    見積もり・仕事の相談

  • システム開発・E2E自動テスト導入・業務効率化ツール開発

    IT・通信・インターネット エンジニア 正社員 本業として

    ■ プロジェクトの目的
    正社員として3社(テクノブラッド・ウェブレッジ・Mikatus)での経験をまとめて記載

    テクノブラッド:ネットカフェ向けオンラインゲーム配信事業の拡大、電子マネー販売システムの安定運用
    ウェブレッジ:顧客企業のテスト自動化導入支援、社内業務効率化
    Mikatus:税理士向け会計システムの品質向上、テスト自動化の仕組み化

    ■ 体制・人数
    最大13名のプロジェクトチーム(ウェブレッジでは4名チームのリーダー経験)

    ■ 自分のポジション・役割
    ・独自フレームワーク解読による単独システム構築
    ・E2E自動テスト導入コンサルティング・実装
    ・チームリーダー(4名)
    ・非エンジニア向けテスト自動化の仕組み作り・教育

    ■ 目的を達成する上での課題
    ・設計書のない独自PHPフレームワークの解読とC#移植
    ・顧客企業でのテスト自動化文化の浸透
    ・プログラミング未経験者でも使えるテスト自動化環境の構築

    ■ 課題に対して取り組んだこと
    ・他システムを参考にしながら独自フレームワークを解読し、1人でC#システムを構築
    ・顧客先常駐によるテスト自動化導入支援とSeleniumを活用した業務効率化ツール開発
    ・非エンジニアでも実装可能なテスト自動化の仕組み化、定期実行環境構築
    ・珍しいツールの普及のため技術カンファレンスで登壇・デモ実施
    ・QAチームへの技術サポート・教育実施

    ■ ビジネス上の成果
    ットカフェ検索サイトリニューアルによる利便性向上、テスト自動化導入により顧客企業の品質向上・工数削減を実現、技術普及活動により業界全体への貢献

    C#、PHP、Java、Ruby、Perl、JavaScript、ExtJS、Node.js、Selenium、Appium、Jenkins、Docker

    見積もり・仕事の相談

  • 大学就職支援・ポイントサイト・建機オークション・ECシステム開発

    IT・通信・インターネット エンジニア 派遣社員 本業として

    ■ プロジェクトの目的
    大学の就職支援効率化、ポイントサイト事業拡大、建機オークション事業の北米展開、クラウド型EC事業の機能向上

    ■ 体制・人数
    最大10名のプロジェクトチーム

    ■ 自分のポジション・役割
    ・派遣社員として詳細設計〜テスト実施の開発業務を担当
    ・テスト仕様書フォーマット作成
    ・結合テスト・総合テスト作成・実施

    ■ 目的を達成する上での課題
    ・PHP開発経験が浅い中での実装業務
    ・派遣社員として限られた業務範囲での成果創出
    ・日本版システムの北米向けローカライゼーション対応

    ■ 課題に対して取り組んだこと
    ・アットホームな環境を活かし、積極的にコミュニケーションを取りながら技術習得
    ・過去のテスト経験を活かしたテスト仕様書フォーマット作成で品質向上に貢献
    ・PHP案件にこだわって技術力向上を追求

    ■ ビジネス上の成果
    各プロジェクトの品質確保に貢献し、最終的には派遣先から正社員登用の打診を受けるまで信頼を獲得

    PHP、MySQL、PostgreSQL、CakePHP、Zend Framework

    見積もり・仕事の相談

  • 株式会社システムツー・ワン 航空・介護・官公庁等多業界システム開発・テストリーダー業務

    IT・通信・インターネット エンジニア 正社員 本業として

    ■ プロジェクトの目的
    航空券予約、介護保険請求、ビル管理、営業支援、官公庁申込管理、議会事務局業務など、多様な業界のシステム開発・保守により各クライアントの業務効率化を実現

    ■ 体制・人数
    最大15名のプロジェクトチーム(社外メンバー中心の混成チーム)

    ■ 自分のポジション・役割
    ・テストチームリーダー(8名のメンバー管理)
    ・詳細設計〜実装〜テストの一貫した開発業務
    ・客先常駐と社内業務の両方を担当

    ■ 目的を達成する上での課題
    ・案件ごとに異なる開発言語への迅速な対応が必要
    ・社外メンバー中心で、テスト専任でないメンバーのモチベーション管理
    ・客先常駐案件と社内案件(電話対応等の雑務含む)への柔軟な対応

    ■ 課題に対して取り組んだこと
    ・多言語環境下での迅速なキャッチアップと技術習得
    ・メンバーの得意分野を把握し、適切な作業配分を実施
    ・品質確保のため、ミスの多いメンバーに対してはダブルチェック体制を構築
    ・客先常駐・社内案件問わず、求められる業務に柔軟に対応

    ■ ビジネス上の成果
    各プロジェクトを確実に完遂し、クライアントの業務システム安定稼働に貢献。多様な業界・技術での開発経験により、後の案件対応力の基盤を構築

    Windows, Linux, Java, PHP, C++, Cobol, VB.net, C#.net, Struts, CakePHP, 各種DB

    見積もり・仕事の相談