WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
海運業界向け労務管理システムのランディングページ制作
海運業界に特化した労務管理システム「TRANS-CREW」のレスポンシブランディングページを制作いたしました。
ランディングページのテーマ
20年以上の導入実績と強みを明確に訴求する
20年以上、海運業界向けの労務管理システムを提供されてきた株式会社エイ・アイ・エス様。500社を超える豊富な導入実績に裏付けられた、導入しやすく・誰でも使いやすいシステム設計でありながら、業界最安クラスの料金である商品としての優位性を伝えるデザイン設計を意識しました。構成設計の工程とデザイン以降の工程を分担することで制作の作業工数を抑え、スピーディーなランディングページの制作を実現しました。
ランディングページのデザインコンセプト
- 船舶の写真をダイナミックに配置し、印象に残るメインビジュアルに
- 直感的にサービス対象がわかるような画像を随所に配置
- コントラストがはっきりした色使いでユーザーの視線を誘導
- メリハリのあるフォント使いで、重要箇所が一目で分かるように
- イラストやアイコン使いで視覚的な分かりやすさを意識
- セクションを明確に区切り、ユーザーが情報に辿り着きやすいよう配慮
ランディングページのコーディング
- PC/スマートフォン両デバイスへのレスポンシブ対応
- 全てのデバイスで最適なレイアウトになるフルフレキシブルな設計
- 画像に次世代フォーマットを使用し、表示速度や品質スコアを意識
- Youtubeの埋め込みで視覚的に詳細にサービスを伝えられる見せ方を意識
- スライダーやアコーディオンを使いコンパクトに情報量を詰め込んだ設計
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ(LP)&サイト制作実績
20代向けwebセミナープラットフォームのサービスサイトを制作
20代対象のwebセミナーサービス「ニイゼロ★ウェビナー」(ブラッシュアップ・ジャパン株式会社さま運営)のサービスサイトをデザイン制作いたしました。
中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。