松山市にて新たに法人化された「株式会社 白信」様より、会社設立に伴うコーポレートサイトの新規立ち上げをご依頼いただきました。 設立直後の企業に不可欠な「社会的な信用」をWebデザインとコンテンツの両面で担保し、これからの事業展開への「勢い」や「先進性」を印象づけるため、最新技術と戦略的な情報設計を組み合わせたサイト構築を行いました。
制作の目的
信頼性向上／採用強化
サイトURL
サイトを制作した結果・構築した仕組み
「株式会社 白信」様の法人設立という新たな門出において、最も重視したのは「設立間もない企業特有の不安感を払拭し、即座に信頼へ繋げること」でした。 一般的なテンプレートサイトでは表現しきれない「独自の強み」を最新のWeb技術で表現すると同時に、公開初日から「実績のある企業」として認知されるためのコンテンツ準備を徹底しました。
不安を払拭し、初日から信頼を得る「実績コンテンツ」の先行投入
法人設立直後は「実績が見えない」ことが最大の懸念点となります。そこで、サイト公開後の運用に任せるのではなく、公開前の制作段階でこれまでの施工事例や実績データを集約し、サイト内に充実させました。 アクセスした瞬間から豊富な実績が閲覧できる状態にすることで、「できたばかりの会社」ではなく「豊富な経験を持つプロフェッショナル集団」であることを証明し、発注側の心理的ハードルを大きく下げる設計としています。
「先進性」を印象づけるGSAPアニメーションの実装
ファーストビューやページ遷移の演出に、高機能アニメーションライブラリ「GSAP」を採用しました。 静止画の羅列ではなく、スクロールに合わせて文字や画像が有機的に動くインタラクティブな設計にすることで、企業の「若さ・勢い」と、事業に対する「技術へのこだわり」を視覚的に表現しています。
没入感を生む「ピン留め×横スクロール」のギミック
特にユーザーに見せたい事業紹介のセクションでは、縦スクロールを一時的に固定（ピン留め）し、コンテンツのみが横にスライドしていく特殊なレイアウトを実装しました。 ただ情報を流し読みされるのを防ぎ、紙芝居のように一枚ずつ確実にメッセージを伝えることで、ユーザーの記憶に残るWeb体験を創出しています。
事業成長に合わせられるWordPressオリジナルテーマ
設立後の事業拡大や情報の増加に柔軟に対応できるよう、既存テーマは使用せず、独自のWordPressテーマを一から開発しました。 専門知識がない社内の担当者様でも、今回先行投入したような「施工事例」などを、今後もブログ感覚で簡単に更新・追加できるよう管理画面を最適化しています。
制作に至った背景
松山市を中心としたエリアで法人化するにあたり、実績や歴史がこれから積み上げられていくフェーズだからこそ、Webサイトが「会社の顔」として果たす役割は非常に大きなものになります。 しかし、単に綺麗なサイトを作っただけでは「中身（実績）」が伴わず、信頼獲得には至りません。 Web制作の技術的なトレンドを取り入れて競合と差別化するだけでなく、サイトを訪れた人が「ここなら安心して任せられる」と確信できるだけの「証拠（実績）」を、公開の瞬間から揃えておく必要がありました。
実施した内容
技術とコンテンツ戦略が融合したサイト構築
- 実績の先行公開： 設立前のキャリアも含めた施工事例を事前にWebコンテンツ化し、信頼性の担保を実現。
- GSAP導入： 滑らかで品のあるアニメーションにより、Webサイト全体のクオリティとブランド価値を向上。
- スクロールジャック（横移動）： 縦の動きの中に横の動きを交えることで、閲覧者に強烈なインパクトとリズム感を提供。
- オリジナルテーマ開発： 今後の実績もスムーズに蓄積できるよう、更新機能を最適化。
