< KellyNg />

概要

コラゾンシステム株式会社は、日本を拠点とし、保険調剤薬局向けのソフトウェアおよび関連サプライシステムの開発・販売・保守を専門とする企業です。 主な製品には、調剤薬局向けレセプトコンピューター、電子薬歴システム「Di-Notes II」、薬袋発行システム「Di-Package」、および各種薬局関連サプライ品が含まれます。

役割

承認されたUI/UXデザインをもとに、コラゾンシステム株式会社のコーポレートサイトを一から構築しました。主な担当業務は以下の通りです：

• クライアントのブランディングと機能要件に合わせた完全カスタムのWordPressテーマを開発

• トップページ、会社情報、サービス紹介、製品ページ（Di-Notes II、Di-Package）、サポート、お問い合わせなどの主要ページテンプレートを構築

• デスクトップ、タブレット、モバイル端末に最適化されたレスポンシブレイアウトを実装

• Advanced Custom Fields（ACF）を用いた柔軟なバックエンド構造を整備し、簡単にコンテンツを管理・更新できるように構築

• セマンティックなHTML、メタタグ、見出し構造など、SEOのベストプラクティスを適用

• 問い合わせや資料ダウンロードを促す明確なCTAを備えた製品紹介セクションを実装

• サイト公開後、社内チームが自立して運用できるようCMSの操作トレーニングとサポートを提供

提供された主な機能

🖥 カスタムWordPressテーマ
企業の専門性とソフトウェア中心の事業イメージを反映した、軽量で洗練されたテーマを設計・開発しました。

📱 レスポンシブデザイン
すべてのデバイスで最適なユーザー体験を提供し、薬局や医療関係者にとってアクセスしやすい設計を実現しました。

🗂 製品重視のページ構成
「Di-Notes II」および「Di-Package」の機能や特徴を、視覚的に分かりやすく、構造的に整理して紹介しました。

🧩 柔軟なCMS（ACF導入）
製品情報、資料ダウンロード、ニュースなどを、技術的な知識がなくても簡単に更新できる管理画面を構築しました。

🚀 SEOとパフォーマンス最適化
高速表示、セマンティックなHTML、モバイルファーストの設計を重視し、検索エンジンでの可視性を向上させました。

🧑‍💻 サポート重視のナビゲーション設計
お問い合わせ、資料請求、サポート情報への導線を明確に設計し、ユーザビリティを向上させました。

結果と影響

リニューアルされたウェブサイトにより、コラゾンシステム株式会社のデジタルプレゼンスと製品の分かりやすさが向上し、薬局や医療関係者にとってサービス内容がより理解しやすくなりました。 社内スタッフはコンテンツ更新を自社で管理できるようになり、外部サポートへの依存が軽減されました。 クリーンでプロフェッショナルなデザインは信頼性を高め、専門的な医療ソリューションをより親しみやすく、現代的な印象へと導きました。