応募させていただきます、
Webデザイナーのkaoru-neueと申します。
添付としてトップページのデザインを送らせていただきます。
ブラウザで閲覧できるよう下記よりも閲覧することが出来ます。
https://xd.adobe.com/view/b7b93fcc-d98c-4bea-6303-5c97e96bd055-c188/
■コンセプト
作業にあたってまずはコンセプトのお話になりますが。
いただきました案件内容から「想い」の強さを感じ、その「想い」をサイトに訪れたユーザーさんに届けられるような、そんなサイトをデザインの軸とさせていただきました。
配色はロゴカラーからアクセントカラーとして使用させていただき、全体はシンプルに纏めつつも、魅せる要素は大きく、要素としての緩急も踏まえ調整させていただきました。
■ファーストビュー
写真は抽象的なものになりますが、ともに立ち上げるための誠実さを伝え、
手書きによる英字の書体をそえたメッセージ性のあるKVを作成させていただきました。
ここでまず、御社の想いを率直にお伝えします。
■事業内容
お伝えするサービスの幅が広いため、1つ1つをフォーカスして大きく伝えてしまうと、トップとしての情報量が過多になってしまうため、「まずどんな事業内容なのか?」シンプルにまとめております。
■お客様インタビュー・事例
動画としてせっかくのコンテンツなので、クリックしていただきやすいよう、1つは横幅いっぱいにビジュアルとしても立つレイアウトを採用させていただきました。
■自身のポートフォリオ
Tumblrのサイトにはなりますが、こちらに自身が制作した案件をまとめております。
https://00m.in/CAY2P
長文失礼しました、お手すきの際にご確認いただけたらと思います。
何卒、よろしくお願いいたします。
メンバーからのコメント
宮下様
お世話になっております。
いただきました修正指示の方対応させていただきました。
◆ブラウザでのデザイン確認用に。
https://xd.adobe.com/view/2b654bf7-366a-4c7b-5981-4c0c8a0844ce-5d54/
下記に対応内容をまとめさせていただきました。
>■全体
画像で文字を表現していた部分を、FVの手書き部分以外をすべてテキストで対応できるよう修正させていいただきました。
>■ファーストビュー部分
前回はビジュアル入れた、要素を多くしめていたデザインとして表現させていただきましたが。
いただきました指示にあわせて、FVの高さを再調整し、事業部分のエリアが見えるように高さを調整。
前回のビジュアルをいれたものから、よりキャッチコピーが映えるように。
手書き文字は引き続き使用した上で、キャッチコピー部分は画像テキストではなく、テキストとして反映が出来るように調整させていただきました。
>■事業内容8つのアイコン部分
前回の見せ方を1つのパターンとして、今回は1つ1つの事業をよりピックアップしたレイアウトに再調整させていただきました。
ビジュアルをメインに直感的に事業内容を伝えた上で、他の事業内容もスライドとして展開させていただきました。
いただいた「まとめる」という方向性からは真逆になってしまいますが。
今回のデザインにした理由としては、ユーザーに事業内容を「流し見」をされてしまうリスクを避けるため、1つ1つの事業内容を魅力的に魅せる見せ方で足を止めてもらうことはできないか?、を模索した上での提案とさせていただきました。
1つの判断材料として見ていただけたら幸いです。
>■お客様インタビュー・事例部分
レイアウトは大きく変更せず、スライドとして展開するデザインを作成させていただきました。
コンテンツが少ないうちはスライダーとして使用せず、数が増えてきた際の展開案としていかがでしょうか?
>■一緒にビジネスを実施している企業様部分
数が増える、とのことでしたので。今後の更新を踏まえ、更新しやすいテンプレートの形として修正させていただきました。
1行に5個ずつと考えており、数が増え次第左に追加されていく想定です。
長文失礼しました、お手すきの際にご確認いただけたらと思います。
何卒、よろしくお願いいたします。