初めまして、enaga kotomiと申します。
トップページのデザインを提案させていただきます。
・スタイリッシュなデザインを希望とのことでしたので、
既存サイトのカラーとブラックをポイントで合わせてしまりのあるパリっとしたカラーで作成しました。
メインビジュアルもテレビ番組・動画・映像制作等を行っている会社であるとパッと見でわかる写真を使用し、
「maide in smile」のテキストを配置して会社のメッセージが伝わるようなデザインにしました。
・既存のサイトには事業案内が下層ページにありましたが、事業内容がトップページで簡易的にわかるように掲載しました。
詳細を下層ページに飛ばす想定です。
・スライドで自動表示されていた制作実績ですが、
何の実績なのか(動画、WEB制作、イベントの企画等)内容までパッとすぐに見れるようなデザインにいたしました。
※今回は9点のみだったため、スライドの自動表示ではないデザインにしております。
・ニュースについては、最新の3件までを表示するように変更し、他はその下の「おしらせ」ボタンから飛ばすようにしております。
また、詳細ページが下層ページにありましたので、詳細は下層ページで読む形にしトップページのカードの内容はタイトルと本文の最初の一文に変更しております。
下記URLより原寸大でデザインのご確認お願いいたします。
Figmaでアップしておりますが、デザインはPhotoshopで作成して画像を貼り付けております。
貼り付けているため画質が悪く申し訳ございませんが、容赦いただけますと幸いです。
https://www.figma.com/file/M1JbA7ure34oV1311Ofq7T/smad%E6%A7%98_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%A1%88?node-id=0%3A1
※拡大表示は右上のプルダウンから可能です。
使用している画像やアイコンはフリーの無料画像と既存サイトより使用しております。
修正点等ございましたら、お気軽にお申し付けください。
ご検討のほど、よろしくお願いいたします。
メンバーからのコメント
2案目になります。
※1案目のデザインの制作実績(WORKS)のデザインをカードのデザインは1案目のまま引き継いで、
スライド表示にさせたデザインになります。
ユーザーの使いやすさを考慮して下へスクロールする手間を少なくしたデザインとなります。
下記URLより原寸大でデザインのご確認お願いいたします。
Figmaでアップしておりますが、デザインはPhotoshopで作成して画像を貼り付けております。
貼り付けているため画質が悪く申し訳ございませんが、容赦いただけますと幸いです。
https://www.figma.com/file/vAaApLQyZHdFermYDCed31/smad%E6%A7%98_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%A1%88(2%E6%A1%88%E7%9B%AE)?node-id=0%3A1
※拡大表示は右上のプルダウンから可能です。
修正等ございましたら、お気軽にお声がけください。
ご検討の程、よろしくお願いいたします。