株式会社グロリアス
実績紹介
アパレルブランド向けの副資材(下げ札・洗濯ネーム・織ネーム・プリントネームなど)を製造するメーカーの企業サイトです。
単なる会社紹介にとどまらず、商品ごとの見積もりフォームや、Web上でテンプレートを選んで印字注文ができるECサイト「LABEL SHOP」を統合し、問い合わせから注文・入稿までをオンラインで完結できるようにしています。
フロントは全ページ静的書き出し(SSG)し、フォーム送信は既存のPHPメール基盤と連携する構成にすることで、表示速度とサーバー保守性を両立させています。
サイトリリース後、継続的な改善を行い、新規問い合わせ数を年間0件から270件へ増加させることに成功。
| 期間 | 開発 2020年6月〜現在(継続運用中)/リリース 2021年5月 |
| 担当 | 情報設計 / デザイン / フロントエンド・バックエンド実装 / 写真撮影・編集を単独で担当 |
| フロントエンド | Next.js / Sass / TypeScript |
| バックエンド | PHP / ヘッドレスCMS(WordPress) |
| 使用ツール | Figma / VS Code / Lightroom / Photoshop |
課題
コーポレートサイトがなく、既存の顧客からの問い合わせのみで、新規問い合わせが全くない状態(0件)だった。
実行した施策と技術的アプローチ
- UI/UX: 複雑な発注項目を整理し、ユーザーが迷わず注文・入稿できるフォームUIをFigmaで設計。
- 回遊率と利便性の向上: 加工方法やFAQのフィルタリング機能を実装し、情報への到達スピードを改善。
- パフォーマンス最適化: サイトスピードを極限まで高めるため、Next.jsを採用し静的サイトとして構築。
- ヘッドレスCMS:お知らせなどの更新部分には、ヘッドレスCMSを使用し効率的な管理を実現。