• #design
  • #development

株式会社グロリアス

実績紹介

アパレルブランド向けの副資材(下げ札・洗濯ネーム・織ネーム・プリントネームなど)を製造するメーカーの企業サイトです。

単なる会社紹介にとどまらず、商品ごとの見積もりフォームや、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を使用し効率的な管理を実現。