CMS管理画面フルリニューアル

▼スクロールすると全体のデザインが確認できます▼

デザインの方針と工夫

旧デザインは色数が多く視認性に乏しかったため、色の統一やトーン調整によって、落ち着いた印象かつ操作性の高いUIを目指しました。CMS側は高級感とオフィシャル感を意識し、エンドユーザー側(マーケットプレイス)は視認性と親しみやすさを重視。
参画前に提出されていた初期案は、落ち着いたトーンを基調としており、情報整理の意図が感じられる一方で、ビジネスとしての訴求力や視覚的な存在感に課題がありました。
そのため、ブランドとしての信頼感と収益性のイメージを両立できるよう、クライアントと相談しながら配色や強調箇所を調整し、より最適なバランスへとブラッシュアップを行いました。ページ数は100ページ以上に及び、複数のデザイナーが関わる大規模案件だったため、UIコンポーネントをしっかりと設計・管理。どのページでも統一感が出るよう、ガイドラインを整備し、再利用性を意識したデザイン設計を行いました。

▼スクロールすると全体のデザインが確認できます▼

役割・業務範囲

  • CMS本体リニューアル
    • UI/UXデザイン・コーディング・ディレクション・ライティング
  • CMSマニュアルサイト
    • 構成設計・UI/UXデザイン・コーディング・ライティング
  • TOBE向け3サイト
    • 要件整理・スケジュール設計・ディレクション・デザイン・コーディング
  • UIコンポーネントライブラリ・デザインガイドライン
    • 設計・作成・チーム全体への展開/運用ルールの整備・標準化対応
  • フロントチームマネジメント・進行管理

マネジメントと柔軟対応

プロジェクト中盤から新規メンバーが多く参画し、属人化のリスクが高まったため、デザインコンポーネントやチェックリストを用いて業務の標準化を実施。新人デザイナーの教育・レビュー体制も整備し、安定した進行と成果を支えました。
当初はUI/UXデザインとコーディングを中心に担当していましたが、ボトルネックになっていた進行調整やクライアント対応にも自発的に関与。結果的にディレクター・チームリーダーとして正式に任命され、チーム全体をリードしました。

成果・評価されたこと

ユーザーからは「視認性が大幅に改善された」「操作しやすくなった」と高く評価。
社内でも「柔軟な対応力」「進行を止めない推進力」「育成力」などを評価され、他チームへのガイドライン展開にも寄与。
デザイン面では、統一感・ブランドイメージ・操作性すべてにおいてバランスのとれた設計として、ユーザー、社内から好評を得ました。

▼スクロールすると全体のデザインが確認できます▼

学び/今後に活かしたいこと

  • 進行と品質を両立するマネジメントの難しさと面白さを実感しました。タイトなスケジュールとリソースの変動の中でも、チームの状況やメンバーの特性を見ながら柔軟に方針を調整し、全体最適で動く重要性を体感しました。
  • 属人化のリスク回避や標準化の工夫(ガイドライン・テンプレート・共有資料作成など)が、チーム全体の安定性に大きく貢献することを学びました。
  • プロジェクト途中での要件変更やフィードバックへの柔軟な対応力も磨かれ、「理想」を目指すだけでなく、現実的な調整力・判断力が求められる場面の対応力の重要性を再認識しました。
  • 次回以降は、より早い段階で進行体制や品質管理の方針を初期設計に組み込むことで、混乱を最小限に抑えつつよりスムーズな進行を実現したいと考えています。

照屋ヨガ教室

▼スクロールすると全体のデザインが確認できます▼

デザインコンセプト

教室の持つ「丁寧に寄り添う」「無理をしない」「思いやりがある」空気感を伝えることを第一に、落ち着いた優しい配色と、温かみのあるフォント・余白を意識。よくある商業的な”痩せます”などの広告的アプローチを避け、安心感・信頼感を重視しました。
メインユーザー層は20代〜80代までと幅広く、特に体の不調や痛みに悩む人向けの”回復と継続”がテーマ。営業感を出しすぎず、必要な情報はしっかり伝えるバランスを意識しました。

このプロジェクトでの業務範囲

Webサイト関連:

  • 企画、UI/UX設計、デザイン
  • フロントエンド開発(WordPress導入・カスタマイズ)
  • Google Analyticsを活用した市場調査および効果測定
  • SEO対策の導入と改善提案
  • Webサイト公開後の運用サポートおよび改善提案

グラフィック関連:

  • ロゴ、名刺、チラシ、バナー、スケジュールカードのデザイン


▼ サイトマップ・トップページラフ案 ▼

サイトマップ案

このプロジェクトでの施策

運営後もGoogleアナリティクスや実際の問い合わせ内容を分析し、随時テキストや構成を改善。

クライアントのITリテラシーへの配慮: ITに不慣れなクライアントがサイトをスムーズに運用できるよう、WordPressの導入とカスタマイズに加え、以下のマニュアルを整備しました。

  • ブログ更新手順
  • Googleカレンダー連携方法
  • WordPress管理画面の基本的な操作方法

データに基づいた運用改善: Webサイト公開後も、Googleアナリティクスや実際の問い合わせ内容を継続的に分析し、ユーザー行動やニーズの変化に応じて、随時サイトのテキストやコンテンツ構成を改善しました。

全工程を一貫して対応 UI/UXデザインからフロントエンド実装、SEO対策、マーケティング戦略まで多岐にわたる業務を一人で担当しました。未経験の領域については、書籍やオンラインリソースを活用し、自己学習を通じてスキルを習得しながらプロジェクトを推進しました。

オンライン展開の課題: サイト公開後、コロナの影響で集客が困難になった際、オンラインレッスン導入を提案しました。地域密着型という当初のコンセプトとのバランスを考慮し、オンライン・オフライン両方のニーズに対応できるコンテンツ設計と集客戦略をクライアントと共に検討しました。

▼スクロールすると全体のデザインが確認できます▼

▼ バナー ▼

このプロジェクトでの成果

  • Webサイトからの集客効果向上: サイト公開前はチラシ配布(200〜300枚配布で1〜2件の問い合わせ)に多くの労力を要していましたが、Webサイト公開後は、特別な広告費用をかけることなく、毎月安定して新規問い合わせ(フォーム、電話含む)を獲得できるようになりました。
  • グラフィックツールの集客効果向上: Webサイトのコンセプトと連動してリデザインしたチラシにより、以前と比較して約2-3倍の集客効果を実現しました。
  • クライアントのデジタル活用能力向上: 運用マニュアルの整備と丁寧なサポートにより、クライアント自身がWebサイトを更新・管理できるようになり、自立的な情報発信を可能にしました。

宅配クリーニングサービス事業

▼スクロールすると全体のデザインが確認できます▼

デザインコンセプト

「忙しい毎日を、もっと快適に。」をコンセプトに、ターゲット層である20代〜40代のビジネスパーソン(特に一人暮らし層)が「簡単に使える」「親しみやすい」と感じるデザインを目指しました。清潔感と信頼感を保ちつつも、優しい雰囲気のトーン&マナーで、ユーザーが直感的に操作できるインターフェースを心がけました。

制作物

Webサイト関連: LPを含む3サイトのUI/UXデザインおよび一部コーディング

グラフィック関連: チラシ、バナー、ステッカー、POPのデザイン

▼ ワイヤーの一部 ▼

貢献と成果

主体的なデザインリード: プロジェクト内で唯一のデザイナーとして、オーナーとのヒアリングからワイヤーフレーム作成までを主体的に推進。デザイン以外の側面からも積極的に提案を行い、プロジェクト全体の推進に貢献しました。

ユーザー中心のアプローチ: ABテストを実施し、ユーザーの行動データに基づいたUI改善を継続的に行い、集客効果の最大化を図りました。「親しみやすく、使いやすい」と社内・外部ユーザーから評価されました。

上流工程からの関与と品質向上: ライティングの提案段階から内容を精査し、リライトを行うなど、テキストコンテンツの品質向上にも貢献しました。

▼ フライヤー ▼

宅配クリーニングサービス
宅配クリーニングサービス

学び

  • 新規事業ならではの仕様変更への対応: 新規事業であったため、プロジェクトの進行中に仕様や法規制に関する変更が頻繁に発生しました。その都度、柔軟にデザインを修正し、スケジュール調整を行うことで、プロジェクトの遅延を最小限に抑えました。冷静さを保ち、変更を前提としたスケジューリングを心がけました。
  • 多国籍チームにおけるコミュニケーション: エンジニアチームに外国籍のメンバーがいたため、文化の違いによるコミュニケーションの課題がありました。相手に伝わりやすい表現や、視覚的な資料を活用するなど、丁寧なコミュニケーションを心がけました。