WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細
プロ人材シェアリングサービスのランディングページを制作
株式会社サーキュレーションさまが提供するプロ人材シェアリングサービスのレスポンシブランディングページをデザイン制作いたしました。
ランディングページのテーマ
雇用のコストをかけずにハイクラスなプロ人材を活用できる、新しい人材活用サービスの魅力を伝える。
雇用コストゼロで、必要な時に必要な分だけ「ハイスペック人材」の経験や知見を活用できるサービスのランディングページを制作。通常の採用市場では出会うことができない圧倒的に優秀な人材と出会うことができます。こうした従来の人材採用サービスにはない独自の魅力を伝えるためのシナリオ設計からデザイン/コーディングまでを実施しました。実際に紹介可能なプロ人材の例から、導入企業事例や他社にはない強みまで具体性のある情報を網羅的に記載することで、対象となるユーザーの関心を高める設計に。また、レスポンシブwebデザインでありながら、シンプルになりすぎずに、動きがある訴求力の高いデザインを目指しました。公開後は、制作したランディングページの分析・改善もご支援いたしました。
ランディングページのデザインコンセプト
- レスポンシブwebデザインでの可変を想定したレイアウト設計および文字組
- ブランドカラーであるブルーをベースにした「信頼感」を感じさせるカラーリング
- フラットデザインとグラデーションを織り交ぜたエレメントを制作
- シャープで、洗練された印象が伝わる、グラフ等のインフォグラフィックデザイン
- タブやアンカーリンクは視認性と操作性を意識したUIデザイン
- フォントのサイズに差異を持たせたジャンプ率の高いデザイン展開
- 背景に写真を大きく配置し、セクションの切り替わりを明確にしたデザイン
- CVボタンは、目立ちやすいオレンジに設定
ランディングページのコーディング
- Retinaなどの高画質なディスプレイに対応した高解像度設計
- 複雑なレイアウトながら、レスポンシブ化を実現
- プレーンテキストを多用し、SEOに強いマークアップ
- 少ないコード量を意識した設計
- ページ内に複数のフォームを設置、バリデーションを独立して導入
- 表示速度を考慮したコーディング
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
|---|
ランディングページ（LP）＆サイト制作実績
パーソナルマッチ型の20代就転職支援サービスのランディングページを制作
個性や趣味でマッチングができる20代向け就転職支援サービス「あってme.」（ブラッシュアップ・ジャパン株式会社さま運営）のレスポンシブランディングページをデザイン制作いたしました。
中学生、高校生のためのITキャンプ「Life is Tech！」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。
