WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
20代のメンタルチェック保健室のセミナー告知用ランディングページ(LP)を制作
リバースジョブビレッジ様が運営する20代のメンタルチェック保健室のセミナー告知用のランディングページ(LP)を制作しました。
ランディングページのテーマ
働く20代のメンタルケアを軸にキャリア支援する、新しい切り口の就転職サービス
20代のメンタルチェック保健室は、いい就職.comが運営するサービスです。本ランディングページは、「会社に行きたくないあなたのメンタルチェックセミナー」というメンタルチェックセミナーの参加申し込みを20代向けに促すページです。何かと悩み事が多い20代に対して、7つのタイプ別処方箋を切り口に、仕事でのストレス要因や解決の方向性を示していくことができるセミナーです。何かしらストレスを抱えている20代の方が訪れるページであるため、全体的に柔らかいトーンで安心感を感じられるコミュニケーションを意識して構成の設計やデザインを行なっています。
ランディングページのデザインコンセプト
- イラストを活用した親しみやすいデザイン
- グリーンをベースにしたメインカラーで、強調色はオレンジを設定
- 文字の大きさに緩急をつけた情報が入りやすいレイアウト設計
- レスポンシブデザインでありながら、動きのあるデザイン展開
- タップ(クリック)しやすい視認性を考慮したボタンUIデザイン
ランディングページのコーディング
- PC/スマートフォン両デバイスへのレスポンシブ対応
- スクロール負荷を減らすため、スライダーコンテンツを実装
- コンテンツをコンパクトに収めるため、アコーディオンを実装
- 固定ヘッダーを実装し、常にCV導線を確保
- ボタンのクリックアクションが直感で伝わる挙動の実装
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 |
|---|
ランディングページ(LP)&サイト制作実績
中学生、高校生向け夏のITキャンプのランディングページを制作
ライフイズテック株式会社さまが提供する中高生のためのIT教育プログラム“”Life is Tech!”のランディングページをデザイン制作いたしました。
フォトウェディングアートのPC/スマホランディングページを制作
自社運営しているロケーションフォトウェディング専門サイト「ロケ婚」の特設ページのPC/スマートフォンランディングページをデザイン制作いたしました。
メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作
メンズコスメブランド「BULK HOMME(バルクオム)」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。
すし職人のノウハウ動画サイトを制作
都内で10店舗の飲食店を運営しているテンスターズダイニング様。新規事業であるコンサルティング事業のプロモーションとして、西麻布の人気店「すし天」がお送りする「すし天チャンネル」という動画サイトをデザイン制作しました。






