- 概要
- 架空の運送・物流会社「株式会社トランスリンク」様の公式HP(TOPページのみ)を新規で制作しました。
- 制作範囲・期間
- 企画・WF:5時間
ロゴ:2時間25分
PCデザイン:9時間35分
SPデザイン:2時間50分
※いずれも数日に分けて制作を進めた。
- 使用ツール
- Illustrator、Photoshop
-
課題
法人からの新規問い合わせ数が不足、個人向け配送サービスが一般ユーザーに認知されていない、配送追跡やサービス紹介が分かりづらく、離脱が多い、会社の強みが十分に訴求されていない
-
目的
法人の物流担当が「信頼できる会社」と感じるデザイン性、個人ユーザーに「簡単に依頼できる」と理解してもらう導線設計、「速い・安心・地元に強い」という強みを冒頭から明確に提示
-
ターゲット
法人ターゲット:EC事業者、メーカー、小売チェーン、「価格より信頼」の傾向が強い
個人ターゲット:ネット通販を多用する一般ユーザー、地元の配送会社を好む -
コンセプト
問い合わせ・依頼が簡単、会社への信頼性を感じられるサイト
-
情報設計
依頼の簡単さをアピールできるよう、FVにお問い合わせボタンや配送状況確認ボタンを設置。またContactのコンテンツでも配送までの流れを提示し、読み手が見通しを立てられ、問い合わせのハードルを下げられるようにした。信頼性については、FVを信頼・誠実の青と白ベースで構成。強みや導入事例を提示することで、読み手がより信頼感を感じられるようにした。
-
デザイン
デザインコンセプトは「信頼性・誠実さ・迅速さ・プロフェッショナル感」。冷たい印象にならないよう意識して制作した。迅速さは文字の斜体や斜め線を利用し、演出。信頼感や誠実さはカラーで、プロフェッショナル感はフォントで表現した。
配色
ベース1
#F9F9F9メイン
#252398アクセント
#F09916フォント
#333333ベースカラー・メインカラーは信頼感・誠実さを表現できる青と白を採用。白・青・黒とはっきりした色のため、明度を落とし、目が疲れにくいよう配慮した。アクセントカラーは「光の速さ」から連想し、オレンジを採用。迅速さを表現している。
フォント
本文には可読性が高く、信頼感を演出できる「Noto sans JP」を採用。コンテンツ名には、シンプルながらプロフェッショナル感を表せる「Sabon LT Pro」を採用。FV・リードには線の太さが比較的一定で読みやすい、かつ懐が大きく、温かみや親しみやすさを演出できる「HGMinchoB」を採用。
design
-
TOP
other works

