Overview
概要
| クライアント | 合同会社LinkUP（WeDu） |
| 業界 | SNS運用代行・インフルエンサーマーケティング |
| 制作期間 | 約2ヶ月 |
| 提供範囲 | 企画・設計・デザイン・開発・公開 |
| 技術スタック | Next.js / TypeScript / Tailwind CSS / Vercel |
| サイトURL | link-upinc.com |
Background
背景・課題
合同会社LinkUPは「個人と企業をSNSで輝かせる」をビジョンに、TikTok・InstagramのSNS運用代行・インフルエンサーマーケティング・ライブコマース・インバウンド事業など6つのサービスを展開。全国9拠点で事業を拡大している成長企業です。
急速な事業拡大に伴い、サービスの多様さをWebサイトで整理・訴求しきれていないという課題がありました。また、SNS企業としてのトレンド感・先進性を体現するWebサイトデザインが求められていました。
- 6つのサービスが並列に並び、強みが伝わりにくい
- SNS・デジタルマーケティング企業として、Webサイト自体がブランドを体現する必要がある
- 法人・個人クリエイターそれぞれへの訴求を両立させたい
Solution
提案内容
1. トレンド感のあるビジュアルデザイン
SNS運用代行会社として、Webサイト自体がコンテンツクオリティの証明になることを意識。ダイナミックなレイアウト・インパクトのあるタイポグラフィ・動きのあるUI演出で、訪問者に「この会社に任せれば間違いない」という印象を与えるデザインを設計しました。
2. 法人・個人クリエイター別の訴求設計
「企業のブランド構築を支援したい法人」と「SNSで活躍したい個人クリエイター」という2つのターゲットに対して、それぞれの課題・ニーズに応えるメッセージと導線を整理。どちらのユーザーも迷わず自分に合ったサービスへたどり着ける設計を実現しました。
3. 実績・信頼感の可視化
全国9拠点・6サービスという規模感と実績を、数字とビジュアルを使ってわかりやすく訴求。「アカウント設計から投稿・分析まで全工程代行」という一気通貫サービスの強みを、フロー図で直感的に伝えるセクションを設計しました。
Implementation
実装の工夫
スクロールアニメーションの実装
SNS企業らしい「動き」のあるWebサイトを実現するため、スクロールに連動したフェードイン・スライドインアニメーションを実装。パフォーマンスを損なわずにリッチな体験を提供するため、CSS transitionとIntersection Observer APIを組み合わせた軽量な実装を採用しました。
モバイルファースト設計
TikTok・InstagramのユーザーはスマートフォンでWebにアクセスすることが多いため、モバイル表示を最優先に設計。縦スクロールに最適化されたレイアウトと、タップしやすいCTAボタン配置で、スマートフォンユーザーのコンバージョンを最大化しました。
高速表示とSEO対応
Next.jsの静的生成とImage Optimizationを活用し、ビジュアルリッチなサイトながら高速な表示を実現。「SNS運用代行」「TikTok マーケティング」などの検索キーワードを意識したコンテンツ構成で、オーガニック流入の獲得を支援しています。
Results
成果
サイト公開後、法人・個人クリエイターの双方からの問い合わせが増加。サービスの整理と訴求の明確化により、ターゲットに合った問い合わせが増え、商談効率の向上につながっています。
「サイトを見て会社の雰囲気がわかった」「SNS会社らしいかっこいいサイトになった」というフィードバックをいただいており、ブランドイメージの強化に貢献しています。
Summary
まとめ・今後の展望
SNS・デジタルマーケティング企業のWebサイトは、それ自体がブランドの表現媒体です。「かっこいい・センスがある」と感じてもらえるビジュアルと、サービスへの信頼感を同時に伝えることが成果につながります。HLTでは、クライアントのビジョンとターゲット像を深く理解した上で、両者を体現するWebサイトを制作します。
SNS運用・デジタルマーケティング企業のWebサイト制作・リニューアルをお考えの方は、ぜひHLTにご相談ください。